remove last append element jquery

Question

I have the following code:

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

Now I want to remove last appended element (an image). Please give suggestions.

Answer 1

As an alternative, for those who likes more programmatic ways and syntax:

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

Answer 2

You can use the :last-child selector to find the last appended element, then you can remove it:

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