jQuery - Loại bỏ các phần tử
Với jQuery, thật dễ dàng loại bỏ các phần tử HTML hiện có.
Xóa phần tử / nội dung
Để loại bỏ các phần tử và nội dung, chủ yếu có hai phương thức jQuery:
remove()
- Loại bỏ phần tử đã chọn (và các phần tử con của nó)empty()
- Loại bỏ các phần tử con khỏi phần tử đã chọn
Phương thức jQuery remove ()
Phương thức jQuery remove()
loại bỏ (các) phần tử đã chọn và các phần tử con của nó.
Thí dụ
$("#div1").remove();
Phương thức jQuery blank ()
Phương thức jQuery empty()
loại bỏ các phần tử con của (các) phần tử đã chọn.
Thí dụ
$("#div1").empty();
Lọc các phần tử cần loại bỏ
Phương thức jQuery remove()
cũng chấp nhận một tham số, cho phép bạn lọc các phần tử cần loại bỏ.
Tham số có thể là bất kỳ cú pháp jQuery selector nào.
Ví dụ sau loại bỏ tất cả các <p>
phần tử với class="test"
:
Thí dụ
$("p").remove(".test");
Ví dụ này loại bỏ tất cả các <p>
phần tử có class="test"
và
class="demo"
:
Thí dụ
$("p").remove(".test, .demo");
Bài tập jQuery
Tham chiếu HTML jQuery
Để có cái nhìn tổng quan đầy đủ về tất cả các phương thức jQuery HTML, vui lòng truy cập Tham chiếu HTML / CSS jQuery của chúng tôi .