如何使用jQuery刪除元素內的文本？

Question

我有一個像這樣的結構創建項目列表的腳本：

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

我在想，如果有一種方法來<div>和<a>標籤移除外部的一切，在這種情況下，（1票）字符串，用jQuery或普通的javascript。

在此先感謝！

Answer 1

這應該工作。

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

或通過指定的文本明確節點

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

看到這個fiddle。

Answer 2

使用jQuery的nextAll

Answer 3

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

試試這個，未經測試

編輯

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

Answer 4

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

你可以嘗試這個，它應該工作。清潔和簡單。