Question

替换克隆列表项的颜色的最简单方法是什么？

每次点击链接时，我都希望列出要克隆的项目并将其添加到列表的底部，但列表中的每个其他项目都应添加“强调”类。

这是指向Fiddle的链接，除了交替的颜色部分，我已完成所有工作。

这是生成html的示例：

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

谢谢！

Answer 1

<a href="#">Add More</a>
<ul>
    <li>some text</li>
</ul>    

$('a').click(function() {
    var link = $('ul li:first').clone();
    if($('ul li').length % 2 != 0) {
        link.addClass("highlight");
    }
    link.appendTo('ul');
    return false;
});

Answer 2

$('#cloneli').click(function() {
    $('#test li:first').clone().appendTo('ul');
    $('#test li:odd').addClass('highlight')
})

这是working example。

Answer 3

你在这里

http://jsfiddle.net/BXzY5/2/

Answer 4

见updated fiddle。基本上，获取最后一个成员，查看它是否具有突出显示集，并切换突出显示类。

$('a').click(function() {
    var newNode = $('ul li:last').clone();
    newNode.toggleClass('highlight');
    newNode.appendTo('ul');
    return false;
});

单击链接时，使用jQuery克隆具有替换颜色的列表项

4 个答案: