Jquery - Chỉ xóa nội dung văn bản khỏi div

Question

chỉ có thể xóa nội dung văn bản khỏi div, nghĩa là để nguyên tất cả các phần tử khác còn nguyên vẹn và chỉ xóa văn bản nằm trong div?

Answer 1

này nên làm như lừa:

$('#YourDivId').contents().filter(function(){ 
    return this.nodeType === 3; 
})​.remove();​ 

Answer 2

Bạn có thể làm điều đó với dom đơn giản:

var div=$("div")[0]; 
if(div.childNodes.length) 
    for(var i=0;i<div.childNodes.length;i++) 
    { 
     if(div.childNodes[i].nodeType===3) 
      div.removeChild(div.childNodes[i]); 
    } 

Answer 3

Cách đơn giản nhất sẽ là một cái gì đó như thế này:

$('#div').html($('<div>').append($('*', '#div')).html()); 

Answer 4

$('#yourDiv').text(''); 

Thao tác này sẽ xóa nội dung văn bản của bạn

Answer 5

$('#yourDiv').text(''); 

này sẽ loại bỏ nội dung văn bản của bạn

Answer 6

Vâng điều này có lẽ sẽ không thể là cách tốt nhất nhưng tôi đã lưu div trong một biến và sau đó sau khi tôi loại bỏ tất cả các nội dung trong thẻ i dùng append:

$('.wpcf7 form p').each(function(i){ 
    var el = $(this).find('span'); 
    if(i==4) 
    el = $(this).find('input'); 
    $(this).empty(); 
    $(this).append(el); 
}); 

Answer 7

Giả sử cấu trúc HTML sau:

<div class="element-to-clean"> 
    Content to be filtered out. 
    <span class="element-to-leave-intact"> 
    Content to be left inthe element. 
    </span> 
</div> 

bạn có thể đạt được hành vi mong muốn của bạn bằng cách sử dụng mã JavaScript + jQuery 2.1 sau đây:

$('.element-to-clean').html($('.element-to-clean').children());