使用jQuery檢測div內的元素

Question

您的體驗中檢測div內是否存在元素的最佳方式是什麼？

我目前使用這樣的：

if (($('.parentDiv').width()) > 0){ 
    //Do something 
} 

必須有一個更優雅的方式。

Answer 1

可能不是你想要的，但考慮到有至少在你的要求有點混亂，你可以考慮，如果在所有事情是在容器內：元素，文本，等等。

假設你有一個空的div：

<div class="parentDiv"></div>​ 

然後$(".parentDiv").html().length == 0指示其空虛。

如果格不爲空：

<div class="parentDiv"> </div>​ 
<div class="parentDiv"><div></div></div>​ 

然後$(".parentDiv").html().length將指示其occupiedness如果你希望只檢查元素（分別返回1和11，在這些情況下）

，或特定元素，那麼$(".parentDiv").children()就是要走的路。

Answer 2

如果爲空手段甚至沒有文本節點：

if ($('.parentDiv').contents().length){ 
    //Do stuff  
} 

或：

$('.parentDiv:not(:empty)') // which is nice... 

.contentsdocs：

說明：獲取每個元素的孩子們在集匹配元素，包括文字和評論節點。

如果你只關心元素，而不是文本節點的

：

if ($('.parentDiv').children().length){ 
    //Do stuff  
} 

Answer 3

使用children()功能

$('.parentDiv').children() 

Answer 4

假設你只關心內容（而不是文本節點），你可以檢查是否有任何元素children：

if($('.parentDiv').children().length) { 
    //Do stuff 
} 

Answer 5

if ($('.parentDiv').children().length > 0) 
{ 
    // do something 
}