Để xóa văn bản, hãy sử dụng khái niệm remove (). Sử dụng bộ lọc để lấy nội dung không bên trong thẻ phần tử.
Giả sử sau đây là HTML của chúng tôi -
<div><h1>Demo Program</h1></div> This is also Demo Program
Và chúng tôi phải xóa "Đây cũng là Chương trình Demo" vì nó không nằm dưới thẻ phần tử. Đối với điều đó, mã cạnh tranh như sau sử dụng filter () và remove () -
Ví dụ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initialscale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div><h1>Demo Program</h1></div>
This is also Demo Program
<script>
$('body').contents().filter(function(){
return this.nodeType != 1;
}).remove();
</script>
</body>
</html> Để chạy chương trình trên, hãy lưu tên tệp “anyName.html (index.html)” và nhấp chuột phải vào tệp. Chọn tùy chọn “Mở bằng Máy chủ Trực tiếp” trong trình chỉnh sửa Mã VS.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
