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

找到有关上下文选择器的更多详细信息

如何在Jquery中检查元素是否存在于另一个元素内？

2 个答案: