Xóa phần tử HTML trong jQuery


Trong jQuery, chủ yếu có hai phương thức dùng để xóa phần tử HTML.

  • Phương thức remove() - dùng để xóa phần tử HTML.
  • Phương thức empty() - dùng để xóa nội dung của phần tử HTML.

Phương thức remove() trong jQuery

Phương thức remove() được dùng để xóa phần tử HTML.

Cú pháp

$("selector1,selector2,....,relectorN").remove();
Ví dụ:

Câu lệnh dưới đây sẽ xóa và các phần tử <div> có class là "abc", và các phần tử <p>


$("p, div.abc").remove();
Xem ví dụ

Ngoài cách điền các tham số như tên class, tên id, :first-child, :last-child,.v.v.. vào trong selector, bạn cũng có thể đặt chúng vào bên trong phương thức remove()

Ví dụ:

Câu lệnh dưới đây sẽ xóa các phần tử <div> và <p> có class là "abc"


$("p, div").remove(".abc");
Xem ví dụ

Phương thức empty() trong jQuery

Phương thức empty() được dùng để xóa nội dung của phần tử HTML.

Cú pháp

$("selector1,selector2,....,relectorN").empty();
Ví dụ:

Câu lệnh dưới đây sẽ xóa nội dung của các phần tử <div> có class là "abc" và các phần tử <p>


$("p, div.abc").empty();
Xem ví dụ