如果裏面有特定的類，如何刪除div元素？

Question

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

如果'class1'下存在'class2'，那麼我想刪除'class1'。我怎麼能這樣做？

Answer 1

如果您正在使用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/