Đối lập với append trong jquery


81

Tôi sử dụng .appendđể thêm vào một div

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

làm cách nào tôi có thể tìm kiếm <ul>và xóa nó nếu nó tồn tại trong con cái của $(this)?

Câu trả lời:


88

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ả các ul phần tử là con.


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

23

Ngược lại với .append().prepend().

Từ tài liệu jQuery để thêm trước…

Phương thức .prepend () chèn nội dung được chỉ định làm phần tử con đầu tiên của mỗi phần tử trong tập hợp jQuery (Để chèn nó làm phần tử con cuối cùng, hãy sử dụng .append ()).

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


1
Trả lời câu hỏi của tôi. "Ngược lại với append là gì"
Chris Marisic


14

Điều bạn cũng nên xem xét, là giữ một tham chiếu đến phần tử đã tạo, sau đó bạn có thể dễ dàng xóa nó một cách cụ thể:

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

   // Later ...

   newUL.remove();

Bạn có thể giải thích thêm một chút không?
Shamseer Ahammed

@ShamseerAhammed Bạn không hiểu gì?
RoToRa

9

chỉ gặp vấn đề tương tự và tôi đã gặp phải điều này - điều này thực sự mang lại mẹo cho tôi:

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

1
Tôi tin rằng .contents().remove()bình đẳng .empty().
pimvdb

2
Tôi không hoàn toàn chắc chắn cho dù bạn biết chaining - chỉ trong trường hợp yo không, bạn có thể kết hợp lời khai trong jQuery như $(...).empty().append(...):)
pimvdb

5

Ngược lên là con (), nhưng ngược lại ở vị trí là thêm trước (). Đây là một hướng dẫn rất tốt.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.