web-dev-qa-db-ja.com

最後の追加要素jqueryを削除します

私は次のコードを持っています:

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

次に、最後に追加された要素(画像)を削除します。提案をお願いします。

32
Basharat Ali

代替として、よりプログラム的な方法と構文が好きな人のために:

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

:last-child セレクターを使用して、最後に追加された要素を見つけることができます。その後、 remove it:

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

元の質問のコードがエラーを生成する場合があります(セレクタで「this」を使用)。次のアプローチを試してください。

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

素晴らしく、ユージン、ありがとうございました。本当に助かりました。テーブルを削除する必要がありました。次のコードを使用しました。

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

これを試して。コレクションの最後の要素を除外する.not( ':last-child')を追加しました。そのため、削除する必要はありません。

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