javascript - 如何在 jquery 中从其他基于组的索引设置事件类一个组元素？

Question

我有两个不同类型的组。每组有相同数量的元素。第二组一些元素有一些不同的更新。如何根据第二组更新项将事件类设置为第一组元素，

这是我的结果，它将如何显示，

<div id="numberOfProjects">
      <div class="projectListTrigger">
        <a href="#">1</a>
        <a href="#">2</a>
      </div>
      <div class="projectListTrigger">
        <a href="#">3</a>
        <a href="#" class="updateAvailable">4</a>
        <a href="#">5</a>
      </div>
      <div class="projectListTrigger">
        <a href="#">6</a>
        <a href="#">7</a>
        <a href="#">8</a>
        <a href="#" class="updateAvailable">9</a>
      </div>
    </div>
    <div id="mainSection">
      <div class="mainSectionItem">
        <div>1</div>
        <div>2</div>
      </div>
      <div class="mainSectionItem">
        <div>3</div>
        <div>4 <div class="update">update</div></div>
        <div>5</div>
      </div>
      <div class="mainSectionItem">
        <div>6</div>
        <div>7</div>
        <div>8</div>
        <div>9 <div class="update">update</div></div>
      </div>
    </div>

这是js，

var $currentUpdate = $('.update').parents('#mainSection > div > div').index('#mainSection > div > div');
    $('#numberOfProjects a').each(function(){
        $(this).eq($currentUpdate).addClass('updateAvailable');
    });

Answer 1

使用下面的代码

DEMO

$('.update').each(function(){
   $('.projectListTrigger')
     .eq($(this).parents('.mainSectionItem').index())
     .find('a')
     .eq($(this).parent().index())
     .addClass('updateAvailable');
});