如何获取锚标记的Name属性

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>

我想要做的就是在点击其父name时获取<a>标记的<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");