请检查另一个<div>中的<div>

Question

我需要检查具有特定ID的<div>是否在另一个<div>中。我的HTML代码是：

<div class="box">
    ......
    <div id="home">
    </div>
</div>

我的Jquery代码是：

var div=$('div[class=box]');
div.each(function(id,element){
    if($(this).find(div).length>0){
        console.log("ENTER");
    }
});

如果具有特定类的<div>包含具有特定ID的另一个<div>，我的目的是“做某事”。有人可以帮帮我吗？

Answer 1

您可以尝试找到它，并检查集合的长度

if ( $('.box #home').length ) { ...

找到具有元素

的.box

var el = $('.box:has(#home)')

Answer 2

只需使用类选择器（使用.）和子选择器

if ( $('div.box #home').length > 0 )
{
   alert( "div exists" );
}
else
{
   alert( "div doesn't exists" );
}

Answer 3

使用.find('#home')代替.find(div)，如下所示。

var div=$('div[class=box]');
div.each(function() {
    if($(this).find('#home').length>0){
        console.log("ENTER");
    }
});

Answer 4

试试这个

if($('div .box').find("div[id='home']").length > 0 ) {}

Answer 5

你可以试试这个

if ($("div.box > #home").length > 0){
    console.log("ENTER");
   }

Answer 6

使用jQuery的.find()来查找div #home

if($("div.box").find("#home").length>0){
    alert("DIV FOUND");
}