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

Question

我正在以这种方式克隆一个列表元素：

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

li.menu-item有一个span.name元素。我想将该元素复制到#check-items（我有很多li.menu-items）。有任何建议可以实现这个目标吗？

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());
});