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));

您可以在这里尝试。由于 .text() 获取所有文本节点，包括其他空白，您可能需要 $.trim() （因为 IE<9 没有 String.trim()) 结果就像我上面的那样。