Jquery hide() 具有特定 class 的所有元素，但具有特定父元素的元素除外

Question

我的問題與此類似： Jquery hide() all elements with certain class except one 。 但是在我的情況下，我有一個特定的父母。

我試過了：

$('.slideNum').hide();
$('#marginRight ul li.selBar.slideNum').show();

不應隱藏以selBar作為父級的slideNum ，但確實如此！

與流行的答案不同，我沒有使用“不”，因為條件是針對父級而不是針對元素本身。

Answer 1

您可以在非過濾器（ https://api.jquery.com/not/ ）中使用 function ，如下所示：

   $('.slideNum').not(function () {
        return $(this).parent(".selBar").length !== 0;
    }).hide();

Answer 2

您可以使用not()通過將父級用作選擇器的一部分來過濾掉

 $('.slideNum').not('.selBar *').hide();

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="slideNum">Should be hidden</div> <div class="selBar"> <div class="slideNum">Should be visible</div> </div>