javascript - jQueryの複数のセレクター、どのセレクターがトリガーしたイベントを取得する

Question

次のように、複数のセレクターを使用してイベントを処理する場合:

$('.item a, .another-item a').click(function(e) {

});

イベントをトリガーした親セレクターを特定することはできますか? .itemそれとも？.another-item_

ありがとうございました！

Answer 1

セレクターはほぼ何でもかまいませんので、次のような特定のものを確認する必要があります。

if($(this).is('.item a')){
  //your code here
} else if ($(this).is('.another-item a')){
  //more here
}

Answer 2

jQuery を使用できますis。

if($(this).is('.item a')){
      // code
   }
   else if($(this).is('.another-item a')){//remove 'if ' in case there are only two selector separated by commas.
        //code..

   }

Answer 3

これを試して

$(this).closest('.item').length > 0

Answer 4

.itemとが2つの異なるノードに属している場合、.another-item以下のように試すことができます。

$('.item a, .another-item a').click(function(e) {
    if ($(this).closest('.item').length) {  //if it is '.item'

    } else {

    }
});

Answer 5

確認してもいい：

var isItem = $( this ).parents( '.item:first' ).length > 0,
    isAnotherItem = $( this ).parents( '.another-item:first' ).length > 0;