jquery - 使用 jQuery 将一个类附加到每个第三个克隆列表项

Question

正如标题所说，我正在尝试将一个类 .third 附加到每个第三个克隆列表元素。我一切正常 here on JSFiddle 除了缺少添加类的代码。这是当前代码:

HTML

<ul><li>some text</li></ul>

JS

$('li').live('click', function() {
    $(this).clone().appendTo('ul');
});

CSS

li:hover {
  cursor:pointer;
  text-decoration:underline;  
}

.third {
  color: #f00;
}

一开始只有一个列表项，但例如，在任何列表项上单击 5 次后，我希望得到如下所示的 html:

<ul>
  <li>some text</li>
  <li>some text</li>
  <li class="third">some text</li>
  <li>some text</li>
  <li>some text</li>
  <li class="third">some text</li>
</ul>

任何帮助将不胜感激。谢谢!

Answer 1

看看 :nth-child() 选择器 ( source )。你会想要使用类似的东西

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

Here is a fully working Demo