Как получить атрибут Имя якоря тега

Question

Вот мой HTML разметки (вырублены)

<li class="tab"><a href="#" name="content1">Tab 1</a></li> 
<li class="tab"><a href="#" name="content2">Tab 1</a></li> 
<li class="tab"><a href="#" name="content3">Tab 1</a></li> 

Все, что я хочу сделать, это получить атрибут <a> тега name, когда родительский <li> нажата, как таковой:

$('li.tab').bind('click', function (e) { 
    var contentRequested = $(this + " a").name; // <-- this is not working to get the Name attribute 
    alert(contentRequested) 
    e.preventDefault; 
}); 

Как использовать $(this), а затем найти <a> тег внутри него и, наконец, получить значение в name атрибут?

Answer 1

Что-то вроде $(this).find('a').attr('name'); будет работать:

EXAMPLE HERE

$('li.tab').click(function(){ 
    console.log($(this).find('a').attr('name')); 
}); 

Answer 2

var contentRequested = $(this + " a").name; 

изменение

var contentRequested = $(this).find("a").attr("name");