JQuery - 删除具有特定类的类子元素 [英] JQuery - remove a class child elements with certain class

问题描述

如果我有这个 html:

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

如何删除所有 className 为child"的元素，这些元素只属于parent"-div 中的元素

我想要的结果是:

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

解决方案

类似这样的事情

$('.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 class="child">child 外面</div><div class="child">child 外面</div>

If I have this 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>

How do I remove all elements with className "child" that only are the ones inside "parent"-div

Result I want is this:

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

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

解决方案

Something like this

$('.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>

这篇关于JQuery - 删除具有特定类的类子元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！