如何檢查元素是否存在於另一個元素或不在JQuery中？

Question

我有一個可以動態添加元素的html代碼。 在按鈕點擊我要檢查存在的 DIV中或不中的元素

HTML是否：

<div id="mainDiv"> 
<span class="child">span1</span> 
</div> 
<button id="check"></button> 

JQuery的：

$(function() { 
$("#check").click(function(){ 
    // exist or not 
}); 

Answer 1

試試這個：

$(function() { 
    $("#check").click(function(){ 
    if ($(".child").parents("#mainDiv").length == 1)  
    { 
     // the child element is inside the parent 
    } 
    else 
    { 
      //it is not inside 
    } 
    }); 
}); 

希望它是有用的

Answer 2

您正在尋找父母內的子元素。這意味着你知道父元素已經存在。所以，你應該使用jQuery上下文選擇作爲

$(function() { 
    $("#check").click(function(){ 
     // exist or not 
     if($('.child', '#mainDiv').length) { 
      console.log('Yes!! element exists'); 
     } else { 
      console.log('Nope!!'); 
     } 
    }); 
}); 

您還可以使用$('#mainDiv').find('.child').length檢查它是否包含child類的元素。

您可以在上下文選擇器上找到更多詳細信息，位於http://www.tutorialsteacher.com/jquery/jquery-selectors