javascript - 親が特定のクラスを持たないすべての要素を選択する（'.not（）'を使用）

Question

.selectDOMツリーのどこかにネストされているクラスを持つすべての要素を選択しようとしています。
唯一の制限は、クラスを持つ親を持つことは許可されていないということです.forbidden。

したがって、次のツリー部分には要素が見つかりません。

<div>
    <div class="forbidden">
        <div>
            <div>
                <div class="select">Some Content</div>
            </div>
        </div>
    </div>
</div>

しかし、ここに1つの要素があります。

<div>
    <div>
        <div>
            <div>
                <div>
                    <div class="select">Some Content</div>
                </div>
            </div>
        </div>
    </div>
</div>

.not()関数を使用してこの選択を行うにはどうすればよいですか？このようなもの： $('.select').not($(this).parents().hasClass('.forbidden'));

Answer 1

親要素をチェックする必要がありclosest()、そのクラスで見つかった最初の要素で停止し、セレクターに長さがあるかどうかを確認します。要素が含まれている場合、そのクラスのDOMツリーのどこかに要素があります。

$('.select').filter(function(){
     return !$(this).closest('.forbidden').length;
});

Answer 2

私は使用しません:not。

しかし、私はフィルターを使用します：

$('.select').filter(function(){return !$(this).parents().is('.forbidden')});

セットの少なくとも1つの要素（ここでは親）がセレクターと一致する場合、はtrueを返すことに注意してください。

Answer 3

$('.select').filter(function() {
    return $(this).closest('.forbidden').length == 0;
});