jQuery xóa phần tử

Thông qua jQuery, bạn có thể dễ dàng xóa các phần tử HTML đã có.

Xóa phần tử/nội dung

Để xóa phần tử và nội dung, thường có thể sử dụng hai phương thức jQuery sau:

  • remove() - Xóa phần tử được chọn (và các phần tử con của nó)
  • empty() - Xóa các phần tử con của phần tử được chọn

Phương thức jQuery remove()

Phương thức jQuery remove() xóa phần tử được chọn và các phần tử con của nó.

Mô hình

$("#div1").remove();

Thử ngay

Phương thức jQuery empty()

Phương thức jQuery empty() xóa các phần tử con của phần tử được chọn.

Mô hình

$("#div1").empty();

Thử ngay

Lọc phần tử bị xóa

Phương thức jQuery remove() cũng có thể chấp nhận một tham số, cho phép bạn lọc các phần tử bị xóa.

Tham số này có thể là bất kỳ cú pháp của jQuery selector.

Dưới đây là ví dụ xóa tất cả các thẻ <p> có class="italic":

Mô hình

$("p").remove(".italic");

Thử ngay

Tài liệu tham khảo jQuery HTML

Nếu cần nội dung đầy đủ về phương pháp jQuery HTML, vui lòng truy cập tài liệu tham khảo sau: