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();

匹配你写的内容（父类不是id viewContainerTop）

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