jquery - 如何通过 jQuery 抓取标签最多的 div

Question

我想通过 jQuery 搜索我的 HTML 代码以获取具有最多 HTML 标签的 div。在下面的示例中，jQuery 应该返回 #div2，因为它包含 4 个 div。

<div id="div1">
    <div>content</div>
    <div>content</div>
    <div>content</div>
</div>
<div id="div2">
    <div>content</div>
    <div>content</div>
    <div>content</div>
    <div>content</div>
</div>
<div id="div3">
    <div>content</div>
    <div>content</div>
</div>

抱歉，如果这个例子有点模棱两可——我认为不需要非常具体的代码块。提前致谢。

Answer 1

您可以通过遍历每个 div 并保持 div 具有最大的子元素，

Live Demo

maxChild = 0;
maxChildDiv = null;

$('div').each(function(){
    currentChildCount = $(this).children().length 
    if(currentChildCount > maxChild ) 
    {
        maxChild = currentChildCount ;
        maxChildDiv = $(this);
    } 
});