0

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」の値を見つけるにはどうすればよいですか?

4

3 に答える 3

2
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);
});
于 2012-04-04T07:41:14.710 に答える
0
$("li a").click(function(){
    alert($(this).attr('class'));
});
于 2012-04-04T08:38:16.260 に答える
0
<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>
于 2012-04-04T07:42:39.403 に答える