jquery从克隆中删除元素

Question

$('div ul li a')
   .live('click', function() {
      $('div').clone().insertBefore('div:first');
      $(this).parents('div').find('ul li a:last').remove();
   });

我正在努力使每次点击链接时克隆的div都会删除一个链接，直到只剩下1个链接。

Answer 1

这是你想做的吗？

<强> JS

$('div a').live('click', function () {
  var cloneDiv = $('div:first').clone();
  cloneDiv.find('li:last').remove();
  cloneDiv.insertBefore('div:first');
});

<强> HTML

<div>
  <ul>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
  </ul>
</div>

尝试demo here