Обнаружение селектора, который инициирует событие, и его возвращение в виде строки из объекта jQuery с множественным селектором

Question

Если я передам количество селекторов в jQuery, как я могу дифференцировать селектор, который запускает событие, и вернуть этот селектор в виде строки? Например:

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

Answer 1

Быстрое решение было бы сохранить селектор в переменной (обычно это хорошая идея), а затем ссылаться на переменную внутри обработчика щелчка.

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

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

Если вы хотите получить только атрибут id элемента, возьмите его с помощью attr().

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