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为“child”的所有元素，这些元素只是“parent”中的所有元素-div

我想要的结果是：

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

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

Answer 1

像这样的东西

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 2

你可以使用$("div.parent > div.child").remove();

这将选择所有具有class child的div，这些div是div父级的直接子级并删除它们。

Answer 3

试试这个

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