Question

有没有办法知道如果某个类的div至少包含一个元素？

<div id="l1col1" class="selects1" style="float:right; margin-right:10px;"></div>
<div id="l1col2" class="selects1" style="float:right; margin-right:10px;"></div>
<div id="l1col3" class="selects1" style="float:right; margin-right:10px;"><select><option selected>1</option></select></div>

在上面的示例中，我希望能够判断是否有任何div包含select或Not 这可能吗？

Answer 1

您可以使用:has()选择器。

$("div.selects1:has(select)")

检查是否有任何做法

$("div.selects1:has(select)").length > 0

或者，您可以使用.has() 方法代替，以提高性能。

$("div.selects1").has("select")

Answer 2

您可以使用length：

$('.selects1').each(function() {
    if($(this).children().length) {
        // Your code for .selects1 that has children
    }
});

或者您可以使用 has() ：

$("div.selects1:has(select)")

Answer 3

您可以使用:empty选择器：

var $notEmptyDIVs = $('div.selects1').filter(':not(:empty)');

对于空的：

var $emptyDIVs = $('div.selects1').filter(':empty');

Answer 4

您可以使用以下

$('.selects1').each(function() 
{
    if($(this).children().length > 0) 
    {
    //Your code 
    }

}）;

此处检查子女数是否大于0

Answer 5

您正在寻找.has()

<div>x</div>
<div><span>x</span></div>
<div>x</div>
<div><span>x</span></div>


$(document).ready(function(){
    console.log( $('div:has(span)').length ); // gives us 2
});

http://jsfiddle.net/

Jquery divs与某些类

5 个答案: