选择基本元素？

Question

如何选择不包含任何元素的元素（使用 jQuery）？

例如，在以下树中：

<div class="a">
    <div class="b">
        <div class="c"></div>
    </div>
    <div class="d"></div>
    <div class="e">Lorem</div>
</div>

只会选择带有class、c、d 和e 的<div>s。

Answer 1

$(':not(:has(*))')...

LIVE DEMO

如果您想使用 filter 函数来实现，请注意 > element 将在下一个 jQuery 版本中被弃用！

你可以用这个：

$('*').filter(function(){
        return $('*', this).length == 0
    })

---

:empty 选择器在这里不起作用，因为<div class="e"> 中有文本节点

使用:empty 选择器：

$(':empty')...

docs:

描述：选择所有没有子元素的元素（包括文本节点）。

Answer 2

试试这个：

$('*').filter(function() {
    return $(this).children().length == 0;
});

您还可以在过滤器函数中使用（更快的）本机 DOM 访问：

return this.children.length == 0;