jQuery仅在父类为viewContainerTop时隐藏除'row2'之外的所有行类

Question

我去过jquery select class inside parent div 和Testing objects for ancestor/descendent relationship in JavaScript or Jquery 和jQuery wild card character，但似乎无法将它们拼凑在一起。谢谢。

<div id="viewContainerTop" class="top">
    <div class="row1"></div>
    <div class="row2"></div>
    <div class="row2"></div>
    <div class="row2"></div>
    <div class="row3 first"></div>
    <div class="row3"></div>
    <div class="row3"></div>
</div>

Answer 1

$("#viewContainerTop > div:not(.row2)").hide();

Answer 2

修改您发布的代码（父级有 id viewContainerTop）

$("#viewContainerTop > div:not(.row2)").hide();

匹配你写的（父有 class 而不是 id viewContainerTop）

$(".viewContainerTop > div:not(.row2)").hide();