2017-02-18 7 views
-1
<div class="class1"> 
    Parent element 
    <span class="class2">Child element</span> 
</div> 

'class1'の下に 'class2'が存在する場合は、 'class1'を削除します。どうすればいい?内部に特定のクラスがある場合、div要素を削除するにはどうすればよいですか?

+0

以上を説明します! '.class1' divまたは' .class2' divを削除しますか? –

+0

class2が見つかった場合は.class1を削除したいと思いますか? – Amir

+0

@Amirの直属の子供であるかどうか? –

答えて

2

あなたが作業するデモ純粋なJavascriptを

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

使用している場合は、jQueryの

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

使用している場合: https://jsfiddle.net/d6r6p68k/

+4

'jquery'タグはありません。 – guest271314

+0

'.each()'の代わりに '$( '。class1:has(.class2)')'を使うことができます。 – Barmar

+1

純粋なjavascriptバージョンが追加されました – AndreFeijo

関連する問題