Javascript 如何在jquery中从其他基于组的索引中设置活动的class one组元素？

我有两个不同的团体。每组有相同数量的物品。第二组包含一些具有不同更新的元素。如何根据第二组更新的项目将活动类设置为第一组元素

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

<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>

---

我想你在找下面这样的东西

var mainSectionArray=$（'.mainSectionItem'）；
mainSectionArray.each（函数（）{
var msa=$（本）；
var msaIndex=msa.index（）；
msa.children（）.each（函数（））{
变量msaChild=$（此）；
if（msaChild.children（'div'）.hasClass（'update'））{
$（'.projectListTrigger'）.eq（msaIndex）.children（）.eq（msaChild.index（））.addClass（'updateAvailable'）；
}
});
});
.updateAvailable{
颜色：#FF0000；
}

1.
2.
3.
4.
更新
5.
6.
7.
8.
9
更新
我想您正在寻找类似下面的内容


var mainSectionArray=$（'.mainSectionItem'）；
mainSectionArray.each（函数（）{
var msa=$（本）；
var msaIndex=msa.index（）；
msa.children（）.each（函数（））{
变量msaChild=$（此）；
if（msaChild.children（'div'）.hasClass（'update'））{
$（'.projectListTrigger'）.eq（msaIndex）.children（）.eq（msaChild.index（））.addClass（'updateAvailable'）；
}
});
});
.updateAvailable{
颜色：#FF0000；
}

1.
2.
3.
4.
更新
5.
6.
7.
8.
9
更新
我想您正在寻找类似下面的内容


var mainSectionArray=$（'.mainSectionItem'）；
mainSectionArray.each（函数（）{
var msa=$（本）；
var msaIndex=msa.index（）；
msa.children（）.each（函数（））{
变量msaChild=$（此）；
if（msaChild.children（'div'）.hasClass（'update'））{
$（'.projectListTrigger'）.eq（msaIndex）.children（）.eq（msaChild.index（））.addClass（'updateAvailable'）；
}
});
});
.updateAvailable{
颜色：#FF0000；
}

1.
2.
3.
4.
更新
5.
6.
7.
8.
9
更新
我想您正在寻找类似下面的内容


var mainSectionArray=$（'.mainSectionItem'）；
mainSectionArray.each（函数（）{
var msa=$（本）；
var msaIndex=msa.index（）；
msa.children（）.each（函数（））{
变量msaChild=$（此）；
if（msaChild.children（'div'）.hasClass（'update'））{
$（'.projectListTrigger'）.eq（msaIndex）.children（）.eq（msaChild.index（））.addClass（'updateAvailable'）；
}
});
});
.updateAvailable{
颜色：#FF0000；
}

1.
2.
3.
4.
更新
5.
6.
7.
8.
9
更新
使用下面的代码


使用下面的代码


使用下面的代码


使用下面的代码


你试过自己写代码吗？好的，然后添加有问题的代码。或者创建fiddle以便更好地理解，检查我的问题@nishitmaheta以澄清；你想在“projectListTrigger”
中的
标记中添加一个“updateAvailable”类，其中有一个与“mainSectionItem”
中的“update”类相匹配的div？如果你浏览我的html，你会明白我在问什么@Mr Bearding您是否尝试过自己编写代码？好的，然后添加有问题的代码。或者创建fiddle以便更好地理解，并检查我的问题@Nishitmaheta以澄清；你想在“projectListTrigger”
中的
标记中添加一个“updateAvailable”类，其中有一个与“mainSectionItem”
中的“update”类相匹配的div？如果你浏览我的html，你会明白我在问什么@Mr Bearding您是否尝试过自己编写代码？好的，然后添加有问题的代码。或者创建fiddle以便更好地理解，并检查我的问题@Nishitmaheta以澄清；你想在“projectListTrigger”
中的
标记中添加一个“updateAvailable”类，其中有一个与“mainSectionItem”
中的“update”类相匹配的div？如果你浏览我的html，你会明白我在问什么@Mr Bearding您是否尝试过自己编写代码？好的，然后添加有问题的代码。或者创建fiddle以便更好地理解，并检查我的问题@Nishitmaheta以澄清；你想在“projectListTrigger”
中的
标记中添加一个“updateAvailable”类，其中有一个与“mainSectionItem”
中的“update”类相匹配的div？如果你浏览我的html，你会明白我在问什么@MrBearding
var $currentUpdate = $('.update').parents('#mainSection > div > div').index('#mainSection > div > div');
    $('#numberOfProjects a').each(function(){
        $(this).eq($currentUpdate).addClass('updateAvailable');
    });

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