jQueryonClick事件用于 <li> 标记

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (181)

我有以下菜单项,由模板生成器Artistel生成:

<ul class="art-vmenu">

<li><a href="#" ><span class="l"></span><span class="r"></span>
        <span class="t">Home</span></a></li>    
<li><a href="#" ><span class="l"></span><span class="r"></span>
        <span class="t">Create User</span></a></li> 
<li><a href="#" class="active"><span class="l"></span><span class="r"></span>
        <span class="t">List Users</span></a></li>  
<li><a href="#"><span class="l"></span><span class="r"></span>
        <span class="t">Admin</span></a></li>   
</ul>

我想捕捉onclick事件<li>使用一个jQuery函数:我尝试过这一点,这是不完整的:

$(document).ready(function() 
{
   $('ul.art-vmenu li').click(function(e) 
   { 
    alert(this);
   });
});

我甚至可以看到这是一个HTMLliElement,但不知道如何获得菜单文本或ID?

菜单单击通常是如何用jQuery捕获的?

提问于
用户回答回答于

在这里,要获取触发事件的菜单文本(似乎没有任何id):

 $(document).ready(function() 
 {
    $('ul.art-vmenu li').click(function(e) 
    { 
     alert($(this).find("span.t").text());
    });
 });
用户回答回答于

在你的问题中,你似乎span给每一个人的选择器span分离的类ul li选项,然后有许多答案,即

$(document).ready(function()
 {
   $('ul.art-vmenu li').click(function(e) 
    { 
     alert($(this).find("span.t").text());
   });
});

但你不需要用ul.art-vmenu li相反,你可以直接使用ul如下例所示:

$(document).ready(function()
 {
  $("ul.art-vmenu").on("click","li", function(){
     alert($(this).find("span.t").text());
  });
});

扫码关注云+社区

领取腾讯云代金券