jquery - 在 jQuery 中选择元素时忽略子元素

Question

这是我的 HTML:

<div class="foo">
    <span class="ignore_this">IGNORE THIS TEXT</span>
    SELECT THIS
</div>

我正在尝试找出如何选择 foo 内的所有内容，但不选择 ignore_this 内的内容:

$("div.foo:not(span.ignore_this)").text()

但我不知道如何。

Answer 1

选择器div.foo:not(span.ignore_this)意思是“匹配每个不是 div.foo 的 span.ignore_this ”，它只会选择一个元素: div.foo 。如果你像这样重构你的 html:

<div class="foo">
    <span class="ignore_this">IGNORE THIS TEXT</span>
    <span>SELECT THIS</span>
</div>

然后你可以调用:

$('div.foo span:not(.ignore_this)').text();

匹配所有span div.foo 的后代元素不是.ignore_this .

如果您没有能力重新格式化 html，那么您可以使用额外的处理器周期来完成您想要的事情:

var clone = $('div.foo').clone();
$('span.ignore_this', clone).remove();
var text = clone.text();