Làm thế nào để loại bỏ văn bản bên trong một phần tử với jQuery?

Question

Tôi có một kịch bản tạo ra một danh sách các mục có cấu trúc như thế này:

<li> 
    <div>Some stuff</div> 
    <a href="http://www.mysite.com/">New Item</a> 
    (1 vote) 
</li> 

tôi đã tự hỏi nếu có một cách để loại bỏ tất cả mọi thứ bên ngoài <div> và <a> thẻ, trong trường hợp này (1 vote) string, với jQuery hoặc javascript thông thường.

Cảm ơn trước!

Answer 1

này nên làm việc.

$("li").contents().filter(function(){ return this.nodeType != 1; }).remove(); 

hoặc bằng cách xác định văn bản các nút một cách rõ ràng

$("li").contents().filter(function(){ return this.nodeType == 3; }).remove(); 

Xem fiddle này.

Answer 2

Sử dụng jquery của nextAll

Answer 3

$('li').not('div,a').text('') 

Hãy thử điều này, chưa được kiểm tra

Sửa

$('li').contents().filter(function(){ return !(this.tagName == 'DIV' 
              || this.tagName == 'A');}).remove(); 

Answer 4

$('li').html($(this).children()) 

Bạn có thể thử điều này, nó sẽ hoạt động. Sạch sẽ và dễ dàng.