如何通过索引号打破.each()

Question

我想打破列表中的每三个项目,并为该孩子添加一个类;

<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

您应该使用nth-child伪选择器

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

Answer 2

有一个CSS伪选择器:

:nth-child(xn+y)

选择每个x孩子开始y,所以在你的情况下x = 3和y = 1(默认)

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

演示http://jsfiddle.net/8WDK4/

请参阅http://www.w3.org/TR/selectors/#nth-child-pseudo和示例