JQuery - удалить дочерний класс элементов с определенным классом

Question

Если у меня есть этот HTML:

<div class="parent"> 
    <div class="child"></div> 
    <div class="blackSheep"></div> 
    <div class="child"></div> 
    <div class="child"></div> 
</div> 

<div class="child"></div> 
<div class="child"></div> 

Как удалить все элементы с Classname «ребенком», что только те, в «родительский» -div

Результат я хочу это:

<div class="parent"> 
    <div class="blackSheep"></div> 
</div> 

<div class="child"></div> 
<div class="child"></div> 

Answer 1

U можно использовать $("div.parent > div.child").remove();

Это выберет все div с дочерним элементом класса, которые являются прямыми дочерними элементами div с родителем класса и удаляют их.

Answer 2

Нечто подобное

$('.parent').find('.child').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 

 
<div class="parent"> 
 
    <div class="child">child</div> 
 
    <div class="blackSheep">blackSheep</div> 
 
    <div class="child">child</div> 
 
    <div class="child">child</div> 
 
</div> 
 

 
<div class="child">child Outside</div> 
 
<div class="child">child Outside</div>

Answer 3

попробовать это

$('.parent .child').remove();