選擇基礎元素？

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的classc，d，和e將被選中。

Answer 1

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

LIVE DEMO

使用filter函數來做到這一點，請注意> element將在ne xt jQuery版本！

您可以使用此：

$(':empty')... 

：因爲在 <div class="e">

使用:empty選擇文本節點

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

---

:empty選擇不會在這裏工作

docs：

描述：選擇有沒有孩子（包括文本節點）的所有元素。

Answer 2

試試這個：

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

您還可能能夠使用過濾函數內（快）原生訪問DOM：如果你想

return this.children.length == 0;