Javascript 在jquery中循环:eq()选择器
不工作尝试: 我想得到3,6,9等等。。请注意,我使用.css只是为了查看结果,请不要使用css对u can选择器进行注释Javascript 在jquery中循环:eq()选择器,javascript,jquery,Javascript,Jquery,不工作尝试: 我想得到3,6,9等等。。请注意,我使用.css只是为了查看结果,请不要使用css对u can选择器进行注释 <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item">5</div>
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
<div class="item">6</div>
您可以将index参数用于。每个:
您也可以使用如下的.filter:
$('.item').filter(function(index) {
return index % 3 === 2;
}).css('font-weight','bold');
如前所述,请注意,索引0是您的项1,索引1是您的项2,索引2是您的项3,因此为了得到3,6,9,我们寻找2的余数。对于jQuery 1.9及更高版本 $”。项目:第n种类型3n'.css'font-weight','bold'; 1. 2. 3. 4. 5. 6你可以用like $'.item'.filterfunctionidx{ 返回idx>2&&idx%2==1 }.css“字体大小”、“粗体”; 1. 2. 3. 4. 5. 6. 7. 8. 9
这将有效模数是一个好主意,这适用于序列不可预测的情况。您可以传入您正在查找的内容的数组
var idx = [3,6,9];
for (var i = 0; i < idx.length; i++) {
/* Subtract one 1 since it is a 0 based index... */
$('.item').eq(idx[i]-1).css('font-weight','bold');
};
$这是一个单独的元素,而不是它们的集合非常确定您需要的:nth-of-type3n我想我们所有人都把模运算符搞得一团糟。。。它应该是索引%3==2@alexfreiria-OP要选择3、6。。。。不是1,4…@ArunPJohny-是的,修正了。我想从项目1跳3怎么样?要选择4、6等等?@user3522892您要选择1、4、7,。。。或1,4,6,。。。那么你要找的序列是什么呢?实际上我要做的是,这个4,6,8应该是最大的,100像素。。我手动操作,因为mansory在我的系统中不工作case@user3522892如果第二个解决方案符合您的需求,请参阅更新need@user3522892使用第二种解决方案,不需要使用jQuery。。。您只能使用css来完成
$('.item').filter(function(index) {
return index % 3 === 2;
}).css('font-weight','bold');
$('.item:nth-of-type(3n)').css('font-weight','bold');
var idx = [3,6,9];
for (var i = 0; i < idx.length; i++) {
/* Subtract one 1 since it is a 0 based index... */
$('.item').eq(idx[i]-1).css('font-weight','bold');
};
idx.each(function(i){
$('.item').eq(i-1).css('font-weight','bold');
});