Jquery Selectorを使用しないでください

Question

div内にクラス名「.modalPopup」を持つdivがあります。複数のテーブルと内部テーブルがあります。divと、テキストボックス（入力）とドロップダウンリスト（選択）などの複数のコントロールの内部にあります。

私はドロップダウンリスト（選択）を除いて "modalPopup"を持つmain divのどこかをクリックすると、クリックイベントを発生させたいと思っています。 私のオプションを使用しようとしましたが、特定のクリックイベントを取得できません。 のような

$('.modalPopup :not(modalPopup select)').click(function(){ 
    document.write("working for click except select "); 
    }); 

いずれか私に解決策を提供してください。

Answer 1

最も簡単な方法は、ちょうどmodalPopupのクラスを持つdiv要素にクリックイベントをバインドしe.targetを使用して、ユーザーが実際にクリックされたかどうか確認することです。 $(e.target).is('select')はdom要素を取得し、そこからjQueryオブジェクトを作成し、それが選択項目であるかどうかを確認します。

JSFiddle Example

Answer 2

not（）条件で.modalPopupの前にドットが欠落しています。

$('.modalPopup').click(function(e){ 
    if (!$(e.target).is('select')) { 
     document.write("working for click except select "); 
    } 
}); 

e.targetがクリックされたDOM要素です：

$('.modalPopup :not(.modalPopup select)').click(function(){ document.write("working for click except select "); });