2011-02-08 38 views
67

tôi sử dụng .append để thêm vào một divĐối diện của append trong jquery

$(this).append('<ul><li>test</li></ul>'); 

làm thế nào tôi có thể tìm kiếm fo một <ul> và loại bỏ nó nếu nó tồn tại trong con cái $(this)?

Trả lời

73

Bạn có thể sử dụng remove(). Thông tin thêm về jQuery remove().

$(this).children("ul").remove(); 

Lưu ý rằng điều này sẽ loại bỏ tất cả ul yếu tố đó là trẻ em.

+0

Tôi muốn tìm nạp phần tử (div) vào biến. tôi có thể làm cái này như thế nào? –

16

Sử dụng các phương pháp remove():

$(this).children("ul").remove(); 
13

gì bạn cũng nên xem xét, đang giữ một tham chiếu đến các yếu tố tạo ra, sau đó bạn có thể dễ dàng loại bỏ nó specificly:

var newUL = $('<ul><li>test</li></ul>'); 
    $(this).append(newUL); 

    // Later ... 

    newUL.remove(); 
8

chỉ có cùng một vấn đề và ive đi qua này - mà thực hiện các trick cho tôi:

// $("#the_div").contents().remove(); 
// or short: 
$("#the_div").empty(); 
$("#the_div").append("HTML goes in here..."); 
+1

Tôi tin '.contents(). Remove()' bằng '.empty()'. – pimvdb

+0

Tuyệt vời! '.empty()' hoạt động tốt như nhau! vừa thử nó. cảm ơn! –

+1

Tôi không hoàn toàn chắc chắn cho dù bạn biết về chuỗi - chỉ trong trường hợp yo không, bạn có thể kết hợp các câu lệnh trong jQuery như '$ (...). Empty(). Append (...)' :) – pimvdb

5

Ngược lại là trẻ em(), nhưng đối diện ở vị trí là tiền tố(). Here một hướng dẫn rất tốt.

8

Đối diện của .append().prepend().

Từ phương pháp jQuery documentation for prepend…

Các .prepend() chèn nội dung cụ thể như đứa trẻ đầu tiên của mỗi phần tử trong bộ sưu tập jQuery (Để chèn nó như là con cuối cùng, sử dụng .append()).

Tôi nhận ra điều này không trả lời cụ thể trường hợp của OP. Nhưng nó trả lời tiêu đề câu hỏi . :) Và đây là lần truy cập đầu tiên trên Google cho "nối thêm jquery đối diện".

+0

Trả lời câu hỏi của tôi. "Điều gì ngược lại khi nối thêm" –

Các vấn đề liên quan