删除容器中具有特定类的所有HTML元素

Question

I have a container. A div element.It has a lot of nested elements in it. I want to delete all the Html elements with a particular class .Thanks in Advance

Answer 1

Try to use descendant selector ,

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

Or you can use .find()

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

---

Sample HTML:

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

Answer 2

Consider the following HTML:

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

We can target any element for removal:

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

This will result in a DOM structure with the element deleted:

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

Answer 3

Markup assumed

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

Code:

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

or

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

or

$(".container div[class='a']").remove();

DEMO

Answer 4

It's a simple JQuery action

Example: http://jsfiddle.net/n173napo/

Sample List:

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

Remove all with class2 inside list in list using CSS selector

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

The selector selects all elements with class "class2" into the unique element with id "list"

Answer 5

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

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

Answer 6

jquery is not a good thing to get into. Better in pure javascript

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