如何使用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

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

试试这个未经测试的

修改

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

Answer 3

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

你可以试试这个，它应该有效。干净又简单。