如果父 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. 如果是这种情况，请获取父母并进行一些处理...

见小提琴

编辑：

一行代码中的相同逻辑