Trong jQuery, muốn xóa tất cả HTML bên trong div

Question

Tôi có một div và tôi muốn xóa tất cả HTML bên trong div đó.

Tôi làm cách nào để thực hiện việc này?

Answer 1

Bạn muốn sử dụng các chức năng empty:

$('#mydiv').empty(); 

Answer 2

Một cách khác chỉ là để thiết lập html để chuỗi rỗng:

$('#mydiv').html(''); 

Answer 3

Tôi không nghĩ empty() hoặc html() là những gì bạn đang tìm. Tôi đoán bạn đang tìm kiếm một cái gì đó như strip_tags trong PHP. Nếu bạn muốn làm điều này, hơn bạn cần phải thêm chức năng này:

jQuery.fn.stripTags = function() { 
    return this.replaceWith(this.html().replace(/<\/?[^>]+>/gi, '')); 
}; 

Giả sử đây là HTML của bạn:

<div id='foo'>This is <b>bold</b> and this is <i>italic</i>.</div> 

Và sau đó bạn làm:

$("#foo").stripTags(); 

nào sẽ cho kết quả in:

<div id='foo'>This is bold and this is italic.</div> 

Answer 4

var htmlJ = $('<p><span>Test123</span><br /><a href="http://www.google.com">goto Google</a></p>'); 
console.log(htmlJ.text()); // "Test123goto Google" 

Answer 5

function stripsTags(text) 
    { 
    return $.trim($('<div>').html(text).text()); 
    } 

Answer 6

giả sử bạn có một html như thế này

<div class="prtDiv"> 
    <div class="first"> 
    <div class="hello">Hello</div> 
    <div class="goodbye">Goodbye</div> 
    </div> 
</div> 

nếu bạn muốn tất cả html dưới div "đầu tiên" để loại bỏ vĩnh viễn. chỉ cần sử dụng này

$('.first').empty(); 

kết quả sẽ như thế này

<div class="prtDiv"> 
    <div class="first"> 

    </div> 
</div> 

tạm (nếu bạn muốn thêm chúng một lần nữa), chúng tôi có thể thử tách() như

$('.first').detach();