remove append cuối cùng yếu tố jquery

Question

Tôi có đoạn mã sau:

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

Bây giờ tôi muốn loại bỏ yếu tố nối cuối cùng (hình ảnh). Vui lòng đưa ra đề xuất.

Answer 1

Bạn có thể sử dụng bộ chọn :last-child để tìm các phần tử nối cuối cùng, sau đó bạn có thể remove nó:

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

Answer 2

Mã từ câu hỏi ban đầu có thể tạo ra lỗi (sử dụng "này" với selector). Hãy thử cách tiếp cận sau:

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

Answer 3

dùng thử. Chỉ cần thêm .not (': last-child') loại trừ phần tử cuối cùng trong bộ sưu tập của bạn. Vì vậy, bạn không phải loại bỏ nó.

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

Answer 4

tuyệt vời, cảm ơn bạn rất nhiều eugene, điều đó thực sự đã giúp tôi. Tôi đã phải loại bỏ một bảng, tôi đã sử dụng đoạn mã sau.

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

Answer 5

Là một thay thế, đối với những người thích cách chương trình hơn và cú pháp:

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