jquery - jqueryを使用して「li」の下にあるリンクのクラス名を検索します

Question

li要素のいずれかをクリックすると、アラートボックスでリンクのクラス名（「a」要素）を取得したいと思います。たとえば、「One」をクリックすると「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>

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

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

Answer 3

<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>