jQuery的.attr（）方法返回undefined

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沒有標識

使用此選擇，而不是：$('#footernav li a')

Answer 2

因爲你在li元素上沒有標籤。

你應該聽

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

}); 

Answer 3

這將幫助你

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