如何在不使用Jquery獲取降序元素textnode的情況下檢索元素的textnode？

Question

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

我想只檢索文本「域名」。我試過使用$（'a'）.text（），但是也會得到降序SPAN標籤中的文本。有沒有辦法以某種方式只選擇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確定它是一個文本節點。目前這將獲得所有文本節點的文本（但將爲你的例子）。如果在跨度後有文本節點，則必須修改該文件才能獲得第一個文本節點。

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