jquery選擇器 - 選擇不在另一個嵌套標籤內的值

Question

是否可以選擇不在另一個嵌套標籤內的標籤的值？

例如，在下面的代碼中，我想從$（'＃example'）獲得'Text I want to select'文本。

<td id="example"> 
    <a> Text I don't want to select</a> 
    <span> Other text I don't want to select</span> 
    Text I want to select 
    <anyOtherTag> Other text I don't want to select</anyOtherTag> 
</td> 

謝謝。

Answer 1

您可以使用.contents()和.filter()到文本節點類型（nodeType == 3），像這樣：

var text = $("#example").contents().filter(function() { 
       return this.nodeType == 3; 
      }).text(); 
alert($.trim(text)); 

You can try it out here。因爲.text()獲得所有文本節點，包括其他空格，所以您可能想要$.trim()（因爲IE < 9沒有String.trim()）結果就像我上面所述。