divs上的jQuery类增量
我有4个选项卡式内容框,每个内容框中有1到6个div,如下所示:divs上的jQuery类增量,jquery,Jquery,我有4个选项卡式内容框,每个内容框中有1到6个div,如下所示: <div id="tab-1" class="tab-content current"> <div class="tabbedProduct"> </div> <div class="tabbedProduct"> </div> <div class="tabbedProduct"> </div> </di
<div id="tab-1" class="tab-content current">
<div class="tabbedProduct">
</div>
<div class="tabbedProduct">
</div>
<div class="tabbedProduct">
</div>
</div>
<div id="tab-2" class="tab-content">
<div class="tabbedProduct">
</div>
<div class="tabbedProduct">
</div>
<div class="tabbedProduct">
</div>
</div>
新年快乐(顺便说一句:)
您需要遍历
.tab content
,并在.tabbedProduct
之间进行迭代,然后添加类,这样el
将始终为每个再次以0启动。选项卡内容
应该是带有回调和index
$('.tabbedProduct').addClass(function() {
return 'item' + ($(this).index()+1);
});
14秒之前…我会给你的…但你应该修复
el
,应该是I
(或反之亦然)哇,你们真是超级快,超级高手,在3分钟内,我有一个完美的答案!我试图接受,但不得不等9分钟。我可以问一下el是用来做什么的吗?只要下面+1的引用是相同的,你基本上可以用(pi)之类的东西吗?
$('.tab-content .tabbedProduct').each(function(i) {
$(this).addClass('item' + (i+1));
});
$('.tab-content').each(function() {
$(this).find('.tabbedProduct').each(function(el) {
$(this).addClass('item' + (el + 1));
});
});
$('.tabbedProduct').addClass(function() {
return 'item' + ($(this).index()+1);
});