删除容器中带有特定Class的所有Html元素

Remove all the Html elements with a particular Class in a container

本文关键字：Class 元素 Html 删除      更新时间：2023-09-26

我有一个容器。div元素。它有很多嵌套的元素。我想删除所有具有特定类的Html元素。谢谢提前

尝试使用descendant selector，

$('#container .nestedElement').remove();

也可以用.find() 

$('#container').find('.nestedElement').remove();

示例HTML: 

<div id="container">
  <div class="nestedElement">first</div>
  <div class="nestedElement">one</div>
  <div class="b">some</div>
</div>

考虑以下HTML:

<div class="container">
<div class="hello">Hello</div>
<div class="goodbye">Goodbye</div>
</div>

我们可以移除任何元素:

$( ".hello" ).remove();

这将导致删除元素的DOM结构:

<div class="container">
<div class="goodbye">Goodbye</div>
</div>

这是一个简单的JQuery动作

示例:http://jsfiddle.net/n173napo/

样品清单:

<div id="list">
   <a class="class1">Class 1</a>
   <a class="class1">Class 1</a>
   <a class="class2">Class 2</a>
   <a class="class1">Class 1</a>
   <a class="class1">Class 1</a>
   <a class="class2">Class 2</a>
   <a class="class1">Class 1</a>
   <a class="class1">Class 1</a>
</div>

使用CSS选择器在列表中删除所有包含class2的列表

$('#list .class2').remove();

选择器选择所有类为"class2"的元素作为id为"list"的唯一元素

假定标记

<div class="container">
  <div class="a">first</div>
  <div class="a">one</div>
  <div class="b">some</div>
</div>
代码:

$(".container .a").remove();

或

$(".container").find(".a").remove();

或

$(".container div[class='a']").remove();
<标题>演示 
$("#divelement .perticularClass").remove();

其中#divelement是您的div元素id和perticularClass是要从div元素中删除的元素的类选择器。

jquery不是一个好东西。在纯javascript

中更好
for (x = 0; x <= document.getElementsByClassName("YOURCLASSNAME").lenght -1; x++){
    document.getElementsByClassName("YOURCLASSNAME")[x].parentNode.removeChild(document.getElementsByClassName("YOURCLASSNAME")[x]);
}
相关文章：