复制<li>并自行插入</li>

时间:2013-08-24 02:06:43

标签: javascript jquery dom

我想复制我所选择的每个<ul>的内容,以便

<ul class="testowyUl">
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

将更改为

<ul class="testowyUl">
  <li>a</li>
  <li>b</li>
  <li>c</li>
  <li>a</li>
  <li>b</li>
  <li>c</li>
</ul>

看起来很简单,但由于某些原因我无法使其发挥作用。问题是,我正在使用类(因为会有多个类型的列表),我不知道如何选择我的<ul>,然后执行clone()和{{1 }}。我尝试用append()链接,但它没有用。

2 个答案:

答案 0 :(得分:2)

$.append()与函数作为参数使用:

$(".testowyUl").append(function(){return $(this).children().clone();});

答案 1 :(得分:1)

尝试使用appendTo

$(".testowyUl").each(function() {
    $("li",this).clone().appendTo(this);
})

DEMO