检查jquery中3个元素的行中元素是第一个还是第三个

时间:2013-05-27 22:01:54

标签: javascript jquery html

如果我有多行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?

由于

2 个答案:

答案 0 :(得分:8)

使用容器的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');
});

答案 1 :(得分:2)

使用modulo:

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

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