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

您可以检查：

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

Answer 5

如果.item和.another-item属于2个不同的节点..那么你可以尝试如下，

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

    } else {

    }
});