DEMO

Question

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

Answer 1

尝试使用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>

Answer 2

考虑以下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>

Answer 3

标记假设

<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();

DEMO

Answer 4

这是一个简单的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();

选择器选择具有类＆＃34; class2＆＃34;的所有元素。进入id＆＃34; list＆＃34;

的唯一元素

Answer 5

$("#divelement .perticularClass").remove();

其中#divelement是你的div元素id，perticularClass是从div元素中删除的元素的类选择器。

Answer 6

jquery不是一件好事。纯粹的javascript更好

for (x = 0; x <= document.getElementsByClassName("YOURCLASSNAME").lenght -1; x++){
    document.getElementsByClassName("YOURCLASSNAME")[x].parentNode.removeChild(document.getElementsByClassName("YOURCLASSNAME")[x]);
}

使用容器中的特定类删除所有Html元素

6 个答案:

DEMO