Clonage de certaines parties d'un élément HTML à l'aide de jQuery?

Question

Je suis le clonage d'un élément de la liste de cette façon:

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

Le li.menu-item a un élément span.name. Je voudrais copier juste cet élément à #check-items (j'ai beaucoup d'éléments li.menu). Des suggestions pour accomplir cela?

Answer 1

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

Answer 2

Vous pouvez fournir this comme contexte au sélecteur.

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

Answer 3

Essayez ceci:

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