jquery - Xóa 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
Để xóa các phần tử và nội dung, chủ yếu chúng ta sử dụng 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ó.
Ví dụ
$(document).ready(function(e) {
$("#btn1").click(function() {
$("div").remove();
});
});
Phương thức jQuery empty()
Phương thức jQuery empty() loại bỏ các phần tử con của các phần tử đã chọn.
Ví dụ
$(document).ready(function(e) {
$("#btn1").click(function() {
$("div").empty();
});
});
Lựa chọn các phần tử cần xóa
Phương thức jQuery remove() cũng chấp nhận một tham số, cho phép chúng ta lọc các phần tử cần loại bỏ.
Tham số có thể là bất kỳ phần tử theo cú pháp jQuery selector nào.
Ví dụ sau loại bỏ tất cả các phần tử <p>với class="test".
Ví dụ
$(document).ready(function(e) {
$("#btn1").click(function() {
$("p").remove(".text");
});
});
Ví dụ sau loại bỏ tất cả các phần tử <p> có class="test" và class="demo".
Ví dụ
$(document).ready(function(e) {
$("#btn1").click(function() {
$("p").remove(".text,.demo");
});
});
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.