Wie überprüft man, ob ein Element Present in einem anderen Element ist oder nicht in Jquery?

Question

Ich habe einen HTML-Code, der Elemente dynamisch hinzufügen. Auf Schaltfläche klicken i, ob die Elemente im Inneren des div oder nicht

HTML überprüfen wollte:

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

JQuery:

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

Answer 1

Versuchen Sie folgendes:

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

hoffe, es ist hilfreich

Answer 2

Sie suchen nach Kind Element in Elternteil. Es bedeutet, dass Sie wissen, dass das Elternelement bereits existiert. Also, sollten Sie jQuery Kontext-Selektor als

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

Sie auch $('#mainDiv').find('.child').length verwenden können, um zu überprüfen, ob sie das Element mit der Klasse child enthält.

Sie können weitere Details über Kontext-Selektoren finden bei http://www.tutorialsteacher.com/jquery/jquery-selectors