jQuery .attr() 方法返回未定义

Question

<ul id="footernav">
    <li><a href="javascript:void(0);" id="chat" data-icon="custom" data-transition="none">Tools</a></li>
    <li><a href="javascript:void(0);" id="email" data-icon="custom" data-transition="none">My Ride</a></li>
    <li><a href="javascript:void(0);" id="login" data-icon="custom" data-transition="none">News</a></li>
    <li><a href="javascript:void(0);" id="skull" data-icon="custom" data-transition="none">Cool</a></li>
    <li><a href="javascript:void(0);" id="coffee" data-icon="custom" data-transition="none" class"ui-btn-active ui-state-persist">Contact</a></li>
</ul>

现在我正在使用这个 jQuery 函数来获取我点击的 li 的 id：

$('#footernav li').click(function(){                     
    alert($(this).attr('id'));                    
});

但它返回undefined。

Answer 1

那是因为你的 li 没有 ID

改用这个选择器：$('#footernav li a')

Answer 2

因为你是在 li 元素上而不是在 a 标签上。

你应该听

$('#footernav li a').click(function(){
     alert($(this).attr('id'));

});

Answer 3

这对你有帮助

$('#footernav li').click(function(){                     
     alert($('a',this).attr('id'));                    
});