在點擊任何li元素時，使用jquery

Question

查找'li'下的鏈接的類名，我想要在alert框中獲取鏈接的類名（'a'元素）。例如，單擊'一'將顯示'm'，對於'兩'將顯示'n';

HTML：

<ul> 
<li ><a class="m">One</a></li> 
<li><a class="n">Two</a></li> 

</ul> 

的javascript：

<script type="text/javascript"> 

var my_func=function(){ 

var link_class; // find this class name 

alert("link class name ="+ link_class); 



}; 


$(document).ready(function(){ 

$('ul li').click(my_func); 


}); 

</script> 

我如何才能找到使用jQuery變量 'link_class' 的價值？

Answer 1

var my_func = function(){ 
    var link_class = $(this).find('a').attr('class'); // find this class name 
    alert("link class name ="+ link_class); 
}; 

$('ul li').click(my_func); 

或在較短的方式，不使用新的變量表達功能

$('ul li').click(function() { 
    var link_class = $(this).find('a').attr('class'); // find this class name 
    alert("link class name ="+ link_class); 
}); 

Answer 2

<script type="text/javascript"> 

var my_func=function(){ 

var link_class; // find this class name 

link_class = $(this).children('a').attr('class'); 

alert("link class name ="+ link_class); 



}; 


$(document).ready(function(){ 

$('ul li').click(my_func); 


}); 

</script> 

Answer 3

$("li a").click(function(){ 
    alert($(this).attr('class')); 
});