如果我有这样的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是预先编写的。
当前回答
更容易和更快:
$("#listItem").contents().get(0).nodeValue
其他回答
这对我来说是个好方法
var text = $('#listItem').clone().children().remove().end().text();
为了能够修剪结果，像这样使用DotNetWala's:
$("#foo")
.clone() //clone the element
.children() //select all the children
.remove() //remove all the children
.end() //again go back to selected element
.text()
.trim();
我发现使用较短的版本，如document.getElementById(“listItem”)。childNodes[0]不能使用jQuery的trim()。
现场演示
<li id="listItem">
This is some text
<span id="firstSpan">First span text</span>
<span id="secondSpan">Second span text</span>
</li>
<input id="input" style="width: 300px; margin-top: 10px;">
<script type="text/javascript">
$("#input").val($("#listItem").clone().find("span").remove().end().text().trim());
//use .trim() to remove any white space
</script>
这是未经测试的，但我认为你可以尝试这样做:
$('#listItem').not('span').text();
http://api.jquery.com/not/
对我来说，这似乎是一个过度使用jquery的例子。下面将抓取文本，忽略其他节点:
document.getElementById("listItem").childNodes[0];
你需要修剪它，但它能让你在一个简单的线条中得到你想要的。
EDIT
上面将获得文本节点。要得到实际的文本，使用这个:
document.getElementById("listItem").childNodes[0].nodeValue;
