如果父 div 具有某些特定類，如何忽略子 DIV

Question

如何忽略 class child2 child div 的extra類？

<div class="parent extra">
    <div class="child1">
        Some text
    </div>
    <div class="child2">
        Some text
    </div>
</div>

extra類用於翻譯divs內的文本，但我不想用類child2翻譯child div 。 我怎樣才能過濾這個？

Answer 1

'extra' 類用於翻譯 div 中的文本，但我不想用類 'child2' 翻譯子 div。我該如何過濾？

$('.extra :not(.child2)')

這個選擇器說

1. 使用 class extra抓取所有元素
2. 搜索所有直接/嵌套的孩子（空間的含義）
3. 獲取所有沒有child2類的直接/嵌套孩子

Answer 2

你可以 ：

1. 使用父類循環所有 div --> $( ".parent" ).each()

2. 檢查當前類是否有一個額外的類 --> if($(this).hasClass( "extra" ){}

3. 如果當前的父類有一個額外的類循環所有子類並檢查它是否有一個類的子類： if($(this).hasClass( "child2" )){} $(this).children().each()和if($(this).hasClass( "child2" )){}

4. 如果是這種情況，請獲取父母並進行一些處理...

見小提琴

編輯：

一行代碼中的相同邏輯