jQuery, чтобы скрыть все классы строк, кроме 'row2', только когда родительским классом является viewContainerTop

Question

Я был в jquery select class внутри родительского div и Тестирование объектов на отношения предок / потомок в JavaScript или Jquery и Подстановочный знак jQuery , но не могу соединить кусочки. Спасибо.

<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

Обработка кода, который вы опубликовали (родитель имеет id viewContainerTop)

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

Соответствует тому, что вы написали (родитель имеет класс не id viewContainerTop)

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

Answer 2

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