jquery selector - 选择不在另一个嵌套标记内的值

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()（因为IE＆lt; 9没有String.trim()）结果就像我上面那样。