Question

i want to break out each three items in a list and add a class to that child like;

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li><!--target list item-->
    <li>4</li>
    <li>5</li>
    <li>6</li><!--target list item-->
    <li>7</li>
</ul>

任何想法?

Answer 1

你们应当使用婴儿假肢的 select子。

$("ul li:nth-child(3n)").addClass("break-here");

Answer 2

有一个CSS假选择:

:nth-child(xn+y)

从y开始选择每一条<代码>x儿童,在您的情形下选择x = 3和y = 1 (缺省)

$( li:nth-child(3n) ).addClass(...);

Demo at 。

见和 rel=“nofollow”examples

Answer 3

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li><!--target list item-->
    <li>4</li>
    <li>5</li>
    <li>6</li><!--target list item-->
    <li>7</li>
</ul>

<script type="text/javascript">
i = 0;
$.each($("li"), function(key,value) {
    i++;
    if (i % 3 == 0) {
        //Do things
    }

})
</script>

Answer 4

$("li").each(function(index,item){
    console.debug(index)
    if(index % 3 == false){
        $(this).addClass("newClass");
    }
})

这将达到trick点。

http://jsfiddle.net/TYuAn/。

Answer 5

另一种没有假肢的选用人的解决办法

collection.each(function(i, item){
    if(! i%3) {
        $(item).addClass( c );
    }
});

Answer 6

$( ul li ).each(function(i,e){
  $(e).eq((i+1)%3).addClass( red );
});

demo jsbin

友情链接