JQuery: как получить идентификатор тега привязки

Question

У меня есть 2 якоря теги

<li><a id="tab1" href="#tabs-1">Issue</a></li> 
<li><a id="tab2" href="#tabs-2">Change Request</a></li> 

Я следующий JQuery:

$('a').click(function(event) { 
           alert($('a').attr("id")); 
      }); 

Что происходит: Я всегда получаю "Tab1" в всплывал

Что мне нужно: , когда пользователь нажимает на якорь тег, его идентификатор должен отображаться во всплывающем

Answer 1

Ваша проблема кроется в заявлении о предупреждении: с $('a') вы не ссылаетесь на выбранный элемент <a> в инструкции оповещения: вы извлекаете первый элемент в документе.

Вместо того, чтобы ссылаться на щелкнул элемент, заменить $('a') с $(this):

$('a').click(function(event) { 
    alert($(this).attr("id")); 
}); 

Answer 2

Попробуйте

$('a').click(function(event) { 
    var currentElemID = $(this).attr("id") // or you can use this.id 
}); 

Answer 3

Вы можете получить любой атрибут элемента с помощью Attr() так:

$('a').attr('id'); 

Answer 4

Если вам нужен только доступ к id, то использование jQuery - unne cessary накладные расходы:

$('a').click(function(event) { 
    alert(this.id); 
});