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.

score 58 · Answer 1 · answered Mar 15 '13 at 07:26

58

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

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

answered Mar 15 '13 at 07:26

Arthur Kushman

3,449
10
49
64

score 36 · Answer 2 · answered Oct 30 '09 at 15:28

36

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'

answered Oct 30 '09 at 15:28

Christian C. Salvadó

807,428
183
922
838

eugene · Answer 3 · 2017-06-26T04:11:49.923

20

The code from the original question may generate errors (using "this" with the selector). Try the following approach:

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

edited Jun 26 '17 at 04:11

answered May 21 '11 at 20:42

eugene

956
1
11
13

If we want to remove all the elements that we appended last time ?? – Php Geek Feb 19 '13 at 12:14
You might want to avoid using the expression "The above code" as that might change. – StubbornShowaGuy Sep 21 '16 at 08:35

score 6 · Answer 4 · answered May 01 '12 at 06:04

6

amazing, thank you very much eugene, that really helped me. I had to remove a table, i used the following code.

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

answered May 01 '12 at 06:04

charles

307
5
5

3

This should be a comment to eugene's answer, not a separate answer in itself. – gtmtg Aug 08 '12 at 20:13

score 2 · Answer 5 · answered Dec 02 '11 at 05:15

try this. Just added .not(':last-child') which excludes the last element in your collection. So you don't have to remove it.

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

remove last append element jquery

5 Answers5

Linked