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

使用jquery在'li'下找到链接的类名

3 个答案: