使用jQuery仅克隆HTML元素的某些部分？

Question

我用这种方法克隆列表元素：

$('ol li.menu-item').click(function() { 
    $(this).clone().appendTo('#check-items'); 
}); 

的li.menu-item有span.name元素。我想复制这个元素到#check-items（我有很多li.menu项目）。任何建议来完成这个？

Answer 1

$('ol li.menu-item').click(function() { 
    $(this).find('span.name').clone().appendTo('#check-items'); 
}); 

Answer 2

您可以将this作为上下文提供给选择器。

$('ol li.menu-item').click(function() { 
    $('span.name', this).clone().appendTo('#check-items'); 
}); 

Answer 3

试试这个：

$('ol li.menu-item').click(function() { 
    $('#check-items').append($('span.name', this).html()); 
});