Überprüfen Sie die angegebene div ist in der Eltern div

Question

Ich möchte den angegebenen Tag "Abschnitt" innerhalb der Eltern div.Wenn die "Abschnitt" -Tag nicht vorhanden ist, wickeln Sie die Kinder div mit in "Abschnitt" -Tag.

jQuery(document).on('keydown', function(e) { 
 
    if (e.keyCode === 34) { 
 
    alert('hello'); 
 
    jQuery(".child").wrap("<section class='panell'>Hello</section>"); 
 
    } 
 
});

.panell { border:1px solid black }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="parent" style="background-color:red;min-height:100vh;"> 
 
    <div class="child"> 
 
    World 
 

 
    </div> 
 
</div>

ich will, ist im Abschnitt Tag überprüfen mit in der Klasse ‚Eltern‘ existieren und wickeln das Kind div mit in Abschnitt Tag

Answer 1

Wrap Kind anhängen nur, wenn dem die direkte ist Kind des Elternelements.

jQuery(document).on('keydown', function(e) { 
 
    if (e.keyCode === 34) { 
 
    alert('hello'); 
 
    jQuery(".parent>.child").wrap("<section class='panell'>Hello</section>"); 
 
    } 
 
});

.panell { border:5px solid black }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="parent" style="background-color:red;min-height:100vh;"> 
 
    <div class="child"> 
 

 

 
    </div> 
 
</div>