jquery - 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>

在此处尝试演示