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