Удалить последний добавочный элемент jquery

У меня есть следующий код:

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

Теперь я хочу удалить последний добавленный элемент (изображение). Пожалуйста, дайте советы.

Ответ 1

В качестве альтернативы для тех, кто любит больше программных способов и синтаксиса:

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

Ответ 2

Вы можете использовать селектор : last-child, чтобы найти последний добавленный элемент, а затем remove it:

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

Ответ 3

Код исходного вопроса может генерировать ошибки (используя "this" с селектором). Попробуйте выполнить следующий подход:

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

Ответ 4

Удивительно, спасибо тебе, Евгений, что действительно помогло мне. Мне пришлось удалить таблицу, я использовал следующий код.

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

Ответ 5

попробуйте это. Просто добавлен .not(': last-child'), который исключает последний элемент в вашей коллекции. Поэтому вам не нужно его удалять.

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