Javascript 在ul标签(父项)上通过单击事件获取单击列表项
我有这个:Javascript 在ul标签(父项)上通过单击事件获取单击列表项,javascript,jquery,Javascript,Jquery,我有这个: <ul class="tabs"> <li><a href="#home">Home</a></li> <li><a href="#credits">Credits</a></li> <li><a href="#about">About</a></li> </ul> 您可以访问事件对象上的ta
<ul class="tabs">
<li><a href="#home">Home</a></li>
<li><a href="#credits">Credits</a></li>
<li><a href="#about">About</a></li>
</ul>
您可以访问事件对象上的
target
属性:
$('.tabs')。单击((事件)=>{
console.log(event.target);
});代码>
将此代码放入控制台,这应该是您要查找的内容:
$(function(){
$(".tabs li a").click(function(e){
e.preventDefault();
console.log($(this).attr('href'));
})
})
你能具体说明你想看什么吗?是链接值,还是文本,还是HTML本身?我想获取链接值为什么我必须输入preventDefault()?似乎没有。好的,很抱歉,我没有看到您的响应的结尾,在这种情况下,事件没有得到显式处理?@Hunam您需要放置preventDefault()以停止访问“href”属性中的链接。例如,您可以将任何网站置于检查位置,而不是“主页”或“信用”,它将自动转到该位置,直到您将其置于默认位置()
$(function(){
$(".tabs li a").click(function(e){
e.preventDefault();
console.log($(this).attr('href'));
})
})