Question

jquery 如何遍历 父元素下 所有是2的倍数的子元素，写法 解释！

比如一个<div>下有N个<span> 我想控制<div>下所有的是2的倍数的<span>,
<div>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>

Answer 1

$("div").find("span:odd");

jquery选择器中的 :even 和:odd选择器是用来筛选偶数项和奇数项的，对象的index从0开始，也就是说 :even 选择的是 元素的index为0,2,4,....的元素，:odd选择index为1、3、5....的元素。所以，使用:odd能够满足你的需求。

如果要选择其他值的元素，可以使用filter函数或者each函数,如，选择3的倍数：
$("div span").filter(function(i){
//这里参数i 是元素在选择出元素数组中的index
if((i + 1)%3 == 0)
return true;
})

$("div span").each(function(i,item){
//这里参数i 是元素在选择出元素数组中的index，item是遍历到的元素本身

if((i + 1)%3 != 0)
return;
//这里写处理代码。
})

Answer 2

使用even选择器

$("div").find("span:even");

追问

如果是控制3的倍数呢， 不是用 even odd 奇 偶来控制。

追答

使用filter过滤：
$("div span").filter(function(inx){
if(inx%3===0){
return true;
}
});