使用.text()只检索不嵌套在子标记中的文本

Question

使用.text()只检索不嵌套在子标记中的文本

如果我有这样的html：

<li id="listItem">
    This is some text    <span id="firstSpan">First span text</span>
    <span id="secondSpan">Second span text</span></li>

我试着用.text()检索字符串“这是一些文本”，但如果我说$('#list-item').text()，我得到了“这是一些TextFirst span textSecond span文本”。

有没有办法(也可能是移除，通过类似的方法).text(""))仅仅是标签中的自由文本，而不是其子标记中的文本？

HTML不是我写的，所以我必须使用它。我知道在编写html时用标记包装文本很简单，但同样，html是预先编写的。

Answer 1

我喜欢基于clone()发现方法这里只获取父元素中的文本。为便于参考而提供的代码：$("#foo")     .clone()    //clone the element     .children() //select all the children     .remove()   //remove all the children     .end()  //again go back to selected element     .text();

Answer 2

简单回答：$("#listItem").contents().filter(function(){    return this.nodeType == 3; })[0].nodeValue = "The text you want to replace with"

Answer 3

更容易和更快：$("#listItem").contents().get(0).nodeValue