Supprimer les éléments ajoutés dynamiquement

Question

J'ai regardé d'autres articles mais je n'ai pas trouvé de réponse, donc désolé si c'est une question un peu stupide.

J'ai un div auquel j'ajoute dynamiquement des éléments span, comme <span id="agolf-squirecreek1.jpg">golf-squirecreek1.jpg</span>. J'ai besoin de supprimer ces éléments dynamiquement aussi bien quand je clique dessus. J'ai l'événement click lié avec .live(), mais le remove() ne marchera pas dessus. Des idées?

Answer 1

Essayez d'utiliser .remove

http://api.jquery.com/remove/

Ou

Pourquoi ne pas vous cacher l'élément sur clic en utilisant

.hide() 

ou en mettant un style ou une classe. .add() ou .addClass

ou remplacer le HTML lui-même par .html or .text

Answer 2

Cela supprimera un span lorsque vous cliquez dessus dans le contexte de div#id.

$('div#id').delegate('span', 'click', function() { 
    $(this).remove(); 
}); 

Si vous souhaitez supprimer tout ce qui est un élément que vous pouvez utiliser .empty() et, en outre, si vous souhaitez supprimer un élément span mais conserver ses gestionnaires d'événements/objet de données, vous pouvez utiliser .detach() qui est utile si vous avez l'intention de ajoutez l'élément au DOM.