如果里面有特定的类,如何删除div元素?

时间:2017-02-18 00:30:35

标签: javascript html

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

如果'class1'下存在'class2',那么我想删除'class1'。我怎么能这样做?

1 个答案:

答案 0 :(得分:2)

如果您使用的是jQuery

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

如果您使用纯Javascript

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

工作演示: https://jsfiddle.net/d6r6p68k/