如果父div有一些特定的类,如何忽略子DIV

时间:2015-07-03 06:59:18

标签: javascript jquery

如何忽略课程extra的子div的课程child2

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

extra课程用于翻译divs内的文字,但我不想将child div翻译成课程child2。我该如何过滤这个?

2 个答案:

答案 0 :(得分:0)

  

&#39;额外&#39; class用于翻译div中的文本,但我不想用class&#39; child2&#39;来翻译子div。如何过滤这个?

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

这个选择器正在说

  1. 使用课程extra
  2. 抓取所有元素
  3. 搜索所有直接/嵌套的子项(空格的含义)
  4. 抓住所有没有child2
  5. 类的直接/嵌套子项

答案 1 :(得分:0)

你可以:

  1. 使用父类循环所有div - &gt; $( ".parent" ).each()

  2. 检查当前班级是否有额外的课程 - &gt; if($(this).hasClass( "extra" ){}

  3. 如果当前的父类有一个额外的循环所有子节点并检查它是否有一个具有类的子节点:child2 $(this).children().each()if($(this).hasClass( "child2" )){}

  4. 如果是这种情况,请取得父母并做一些处理......
  5. See Fiddle

    编辑:

    same logic in one line code