How to delete a div element if there's a specific class inside?

Question

<div class="class1">
   Parent element
   <span class="class2">Child element</span>
</div>

If 'class2' exists under 'class1', then I want to delete 'class1'. How could I do that?

Explain more! Do you want to delete `.class1` div or `.class2` div? — ibrahim mahrir, Feb 18 '17 at 00:32
Possible duplicate of [JavaScript: How to get parent element by selector?](http://stackoverflow.com/questions/14234560/javascript-how-to-get-parent-element-by-selector) — KernelPanic, Feb 18 '17 at 00:38

AndreFeijo · Accepted Answer · 2017-02-18T00:47:41.070

3

If you are using jQuery

$('.class1').each(function() { // Loop through all 'class1'
   if($('.class2', this).length) // If class1 contains 'class2'
      $(this).remove(); // Delete it!
});

If you are using pure Javascript

document.querySelectorAll('.class1').forEach(function(element) {
   if(element.querySelector('.class2') !== null) {
      element.parentNode.removeChild(element);
   }
});

Working demo: https://jsfiddle.net/d6r6p68k/

edited Feb 18 '17 at 00:47

answered Feb 18 '17 at 00:33

AndreFeijo

10,044
7
34
64

4

Note, Question does not have `jquery` tag. – guest271314 Feb 18 '17 at 00:35
You can use `$('.class1:has(.class2)')` instead of `.each()`. – Barmar Feb 18 '17 at 00:41
1

Added pure javascript version – AndreFeijo Feb 18 '17 at 00:48

How to delete a div element if there's a specific class inside?

1 Answers1