jquery - 使用 jquery 在“li”下查找链接的类名

Question

单击任何 li 元素后，我想在警报框中获取链接的类名（'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'));
});