javascript - 检查元素是jQuery中3个元素的行中的第一个还是第三个

Question

如果我有多行 DIV 并且每行有 3 个元素，如何检查元素是行中的第一个还是行中的第三个？例如：

<div>1</div> <div>2</div> <div>3</div>
<div>4</div> <div>5</div> <div>6</div>
<div>7</div> <div>8</div> <div>9</div>
<div>10</div> <div>11</div> <div>12</div>

那么如何使用 jquery 或 javascript 检查元素是 1,4,7,10 还是 3,6,9,12？

谢谢

Answer 1

使用容器的 class=".cont"，以下将在 div 点击时提示“First or Third”：

$('.cont div').click(function(){
    var divIndex = $(this).index('.cont div');
    if(((divIndex % 3) == 2) || ((divIndex % 3) == 0))
        alert('First or Third');
});

Answer 2

使用模数：

http://jsfiddle.net/fQdHk/1/

(function () {
    var n = 3;
    $('div').each(function (i) {
        if(i % n === 0) $(this).css({clear:'left'});
    });
})();