如何检索元素的textnode，而不使用Jquery获取降序元素的textnode？

Question

<a href="#">Domain name<span class="value">2</span></a>

我只想检索文本“域名”。

我尝试过使用$('a').text()，但这也会得到降序跨度标记内的文本。有没有办法只选择A标签中的第一个文本节点？

我想不出是怎么回事。

.contents(' not :(span)')也不起作用。

Answer 1

您可以只使用DOM方法：

var el = document.getElementById("your_element_id");
var child, textBits = [];
for (var i = 0; i < el.childNodes.length; ++i) {
    child = el.childNodes[i];
    if (child.nodeType == 3) {
        textBits.push(child.nodeValue);
    }
}
window.alert( textBits.join("") );

Answer 2

我找到了一个办法！

$('a').get(0).firstElementChild.firstChild.wholeText;

Answer 3

根据我对this问题的回答，这对你来说应该是可行的。this.nodeType == 3确定它是一个文本节点。目前，这将获取所有文本节点的文本(但适用于您的示例)。如果在span之后有文本节点，则必须对其进行修改以仅获得第一个节点。

var text = $('a') 
    .contents() 
    .filter(function() { 
        return this.nodeType == 3;
        //return this.nodeType == Node.TEXT_NODE;  this works unless using IE 7
    })
    .text();