найти имя класса ссылки под «li» с помощью jquery

Question

после нажатия на любой элемент li, я хочу получить имя класса ссылки (элемент «a») в поле предупреждения. Например, нажав «Один», вы увидите «m», а для «two» - «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> 

Как я могу найти значение переменной 'link_class' с помощью JQuery?

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')); 
});