从多选择器jQuery对象中检测触发事件并将其作为字符串返回的选择器

Question

如果我将多个选择器传递给jQuery，我如何区分触发事件的选择器，并将该选择器作为字符串返回？例如：

$('#selector-a, #selector-b, #selector-c').click(function(){
    console.log( $(this).selector ); // logs an empty string
});

Answer 1

如果您只想获取元素的id属性，请使用attr()抓住它。

console.log( $(this).attr('id') );

Answer 2

$('#selector-a, #selector-b, #selector-c').click(function(){
    console.log( $(this).attr('id') ); // returns #selector-a or another
});

Answer 3

我认为这很有用

  $('#selector-a, #selector-b, #selector-c').click(function(){
     console.log( $(this).attr('id') ); 
  });

Answer 4

快速解决方案是将选择器存储在变量中（无论如何通常都是好主意），然后在单击处理程序中引用变量。

var collection = $('#hellacomplex .freal')
collection.click(function() {
    console.log(collection.selector);
});