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