web-dev-qa-db-fra.com

supprimer le dernier élément d'ajout jquery

J'ai le code suivant:

$(this).children("a:eq(0)").append('<img src="'+ (arrowsvar.down[1]) 
    +'" class="' + (arrowsvar.down[0])
    + '" style="border:0;" />'
);

Maintenant, je veux supprimer le dernier élément ajouté (une image). Veuillez donner des suggestions.

jqueryappend
32
Basharat Ali

Comme alternative, pour ceux qui aiment les méthodes et la syntaxe plus programmatiques:

$('#container-element img').last().remove();
43
Arthur Kushman

Vous pouvez utiliser le sélecteur : last-child pour trouver le dernier élément ajouté, puis vous pouvez remove it:

$('img:last-child', this).remove();
// get the last img element of the childs of 'this'
35
CMS

Le code de la question d'origine peut générer des erreurs (en utilisant "ceci" avec le sélecteur). Essayez l'approche suivante:

$("#container-element img:last-child").remove()
17
eugene

incroyable, merci beaucoup eugene, cela m'a vraiment aidé. J'ai dû supprimer une table, j'ai utilisé le code suivant.

$("#mydivId table:last-child").remove()
6
charles

essaye ça. Juste ajouté .not (': last-child') qui exclut le dernier élément de votre collection. Vous n'avez donc pas à le supprimer.

$(this).children("a:eq(0)").not(':last-child').append('<img src="'+ (arrowsvar.down[1]) 
    +'" class="' + (arrowsvar.down[0])
    + '" style="border:0;" />'
);
2
StopGapDesign