javascript - 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() (因为 IE<9 没有 String.trim() )我上面的结果。