jquery选择器 - 选择不在另一个嵌套标签内的值

Question

是否可以选择不在另一个嵌套标签内的标签的值？

例如在下面的代码中，我想从 $('#example') 中获取“我想选择的文本”。

<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()（因为IEString.trim()）我上面的结果。