Remove văn bản với jQuery

Question

Có cách nào để loại bỏ văn bản mà không được bọc trong bất kỳ thẻ sử dụng jQuery

<p>This is some text</p> 

This is "unwrapped" text //to be removed 

<span>some more text</span> 

Cảm ơn bạn đã giúp đỡ của bạn

Answer 1

Sử dụng câu trả lời từ this question:

$(elem) 
    .contents() 
    .filter(function() { 
    return this.nodeType == 3; //Node.TEXT_NODE 
    }).remove(); 

Answer 2

Trước tiên, bạn có thể bọc chúng bằng nhịp giả:

$("body").contents() 
    .filter(function(){ return this.nodeType != 1; }) 
    .wrap("<span class='orphan'/>"); 

Bây giờ bạn có thể loại bỏ chúng một cách dễ dàng:

$('span.orphan').remove(); 

Answer 3

gói nó trong một phần tử DOM có nghĩa là jQuery có thể tìm thấy nó:

ví dụ:

var text = 'This is "unwrapped" text'; 

$("div:contains('" + text + "')").remove(); 

hoặc chỉ:

$('p').next().remove(); 

Answer 4

fwiw ..

<div class="parent-element"> 
<p>This is some text</p> 
This is "unwrapped" text //to be removed 
<span>some more text</span> 
</div> 

qua CSS:

.parent-element { font-size: 0px; } 
.parent-element p { font-size: 12px; } 
.parent-element span { font-size: 14px; } 

Answer 5

Thật ngạc nhiên nhưng đồng thời các mã sau đây không hoạt động

$("div.myClass:has(img)").contents().filter(":text").remove(); 

và mã từ bài viết đầu tiên làm việc

$("div.myClass:has(img)") 
    .contents() 
    .filter(function() { 
    return this.nodeType == 3; //Node.TEXT_NODE 
    }).remove(); 

Điều quan trọng là phải nhớ lại! jQuery 1.8.3.

Và trước hết tôi nhớ rằng thao tác bên trong HTML hoạt động nhanh hơn nhiều so với cách tiếp cận này!