jquery - 要素とその子孫を DOM 選択から除外する

Question

特定の要素とその子孫を除くすべてのDOM要素をCSSまたはjQueryで選択するにはどうすればよいですか?

指定された要素が #test であるとします

$('#test *')すべての #test 子孫を返します

- しかし -

$('* :not(#test))')または$('* :not(#test *))')または$('*').not('#test')または$('*').not('#test *')

動作しない！

編集: ページの領域以外の場所をクリックすると、クリックイベントをトリガーしたいと思います#test。

score 3 · Accepted Answer

ページの領域以外の場所をクリックしたときにクリックイベントをトリガーしたい#test。

次に、クリックをすべての要素にバインドする必要はありません...ドキュメントにバインドして、ヒットしているかどうかを確認し、$('#test, #test *')ヒットしている場合は、クリックハンドラを中止します。

$(document).on('click', function(e) {
    if ($(e.target).is('#test, #test *')) {
        return;
    }

    // Do stuff
});

score 1 · Accepted Answer

クリックイベントで、クリックが次の範囲内にあるかどうかを確認します#test: http://jsfiddle.net/QDNCS/

$(document).click(function(e) {
    if (!$('#test')[0].contains(e.target)) {
        alert('Yay!');
    }
});

score 0 · Accepted Answer

システムの再起動が終了しました：

$('*').not('#test, #test *')

それでも、イベントをそのセレクターにバインドしません。選択する要素が多すぎて、サイトの動作が遅くなる可能性があります。live()それが発生した場合は、代わりにjqueryを使用することを検討してください。

score 0 · Accepted Answer

このための正確なjQueryコードはわかりませんが、このjQueryスクリプトはあなたが探しているもののようです。

お役に立てれば

score 0 · Accepted Answer

@The System Resetと@toppからの回答を組み合わせて、要求された動作を取得できます。

$(document).on('click', function (e) {
    if ($(this).is('#test, #test *')) {
        return;
    }
}

このコードはテストしていないことに注意してください。

5 に答える 5