我有以下由模板生成器艺术家生成的菜单项:
<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>
我想捕获<li>
的onclick事件使用单个 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());
});
});
关于<li> 标签的 jQuery onclick 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6365255/