Jquery检查一个div（具有相同类的几个div）是否包含一个具有类的div

Question

我有三个带有 UserDetail 类的 div。如果一个 div 不包含 div.info 则必须隐藏 div.UserDetail

评论更新：

我试过这个：

var childInfo=$('div.UserDetail').find("div.info").size(); 
if(childInfo==0) $('div.UserDetail').hide(); 

这不起作用，因为所有 div 都包含相同的类名，而其他两个 div 有子 div class=info

Answer 1

将:has 与:not 选择器一起使用：

JSFiddle：http://jsfiddle.net/TrueBlueAussie/5pbap/

$('.UserDetail:not(:has(.info))').hide()

或全部（如果您关心 div）：http://jsfiddle.net/TrueBlueAussie/5pbap/1/

$('div.UserDetail:not(:has(div.info))').hide()

Answer 2

我认为这可能有效

$.each($('div.UserDetail'), function(i, value){
     if($(value).find('div.info').length == 0)  
        {
          $(value).hide();            
        }
});

Answer 3

jsFiddle

HTML

<div class="userDetails">1</div>
<div class="userDetails">2<div class="info"></div></div>
<div class="userDetails">3</div>

JS

$.each( $( "div.userDetails" ), function( i, div ) {
    if ( $( div ).find( "div.info" ).length == 0 ) {
        $( div ).hide();
    }
} );

Answer 4

$(".UserDetail").each(function (index) {
        if ( $(this).find('div.info').length < 0) {
            $(this).hide();
        }
    });