使用JQuery过滤以忽略父母的子女

Question

我想从“弹出”类的所有元素中删除“活动”类，其中元素不在特定元素的父树中。 我以为会是这样的：

$(".active.popup").not($("#element").parents()).removeClass("active");

但是我感觉这里使用parents()是无效的吗？

HTML示例：-

<div>
    <div class="popup active">
        <!-- leave this active class - it is in parent tree of #element -->
        <div>
            <div class="popup active">
                <!-- leave this active class - it is in parent tree of #element -->
                <a id="#element"></a>
            </div>
        </div>
    </div>

    <div class="popup active">
        <!-- remove this active class - not in parent tree of #element -->
        <div>
            <div class="popup active">
                <!-- remove this active class - not in parent tree of #element -->
            </div>
        </div>
    </div>

</div>
<div>
    <div class="popup active">
        <!-- remove this active class - not in parent tree of #element -->
    </div>
</div>
</body>

Answer 1

 $(document).ready(function() { window.disableOnActive = function() { var element = document.getElementById("element"); $(".active.popup").each(function(i, v) { if ($(element.parentElement).has(v).length == 0) { $(v).removeClass("active"); } }) } }); 

 .active { color: orange; } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="test"> <div> <div id="element"> <p class="active popup"> I am active but not in parent </p> </div> </div> <p class="active popup"> I am active outside the parent 1 </p> <p class="active popup"> I am active outside the parent 1 </p> </div> <button onClick="disableOnActive()">Disable Active </button>