Выберите базовые элементы?

Question

Как выбрать элементы (используя jQuery), которые не содержат элементов?

Например, в следующем дереве:

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

Только <div> s с *Будут выбраны 1007 * c, d и e.

Answer 1

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

LIVE DEMO

Если вы хотите сделать это с помощью функции filter, помните, что > element будет устаревшим в следующих версиях jQuery!

Вы можете использовать это:

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

---

Селектор

:empty не будет работать здесь, потому что в <div class="e">

есть текстовый узел

используйте селектор :empty:

$(':empty')...

* 1027 документов *:

Описание: выбрать все элементы, у которых нет дочерних элементов (включая текстовые узлы).

Answer 2

Попробуйте:

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

Вы также можете использовать (более быстрый) собственный DOM-доступ внутри функции фильтра:

return this.children.length == 0;