js中获取当前点击的li标签以及li标签中a标签的id

可以使用以下代码来获取当前点击的li标签的id：

document.querySelectorAll('li').forEach(function(li) {li.addEventListener('click', function() {console.log(this.id);});
});

这个代码会遍历所有的li标签，对每个li标签绑定一个click事件，并在点击时输出该li标签的id。注意，这里使用了this关键字来表示当前点击的li标签。

可以使用以下代码来获取当前点击的li标签中a标签的id：

document.querySelectorAll('li a').forEach(function(a) {a.addEventListener('click', function(e) {e.preventDefault(); // 阻止a标签默认跳转行为console.log(this.id);});
});

这个代码会遍历所有的li标签中的a标签，对每个a标签绑定一个click事件，并在点击时输出该a标签的id。注意，这里使用了this关键字来表示当前点击的a标签，并且使用e.preventDefault()来阻止a标签的默认跳转行为。

js中获取当前点击的li标签以及li标签中a标签的id相关推荐

Vue中获取当前点击元素的父元素、子元素、兄弟元素
Vue如何获取当前点击元素? 获取父元素.子元素.兄弟元素呢? 通过帮定点击事件: 例如: <button class="shanchu" @click="shan ...
vue如何输出一个值_如何利用vue获取当前点击的元素并传值（图文教程） -
thinkphp开发的一个项目,登录成功后又跳转到登录页面,在提交信息后输出session都是正常的,没有问题,但是页面跳转后,session出现丢失现象,无法正常完成登陆.通过查找资料,发现原来是b ...
如何获取当前点击元素的某个子元素
<div onclick="javascript:sqhys(event)"><div id="demochild"></div& ...
在高德地图中获取鼠标点击的经纬度
本文目录一.注册高德开放平台 (一)创建应用 (二)添加 Key 二.代码实现 1. 引入必要的 CSS 文件与 JS 文件 2. 放置地图容器 3. 核心 JavaScript 代码三.效果图 ...
VUE获取当前点击元素
获取: @click='fn($event)' 使用: fn (event) { console.log(event.currentTarget); // event.currentTarget获取当 ...
JQuery选择器通过click事件获取当前点击对象的id,name,value属性
JQuery选择器通过click事件获取当前点击对象的id,name,value属性 JQuery捕获或获取当前click事件的事件对象ID
js、jq获取当前点击元素的下标
以下是原生js方法: //获取到所有的li标签 var li = technical.querySelectorAll("li") //遍历li标签 for (let i = 0; ...
jq获取当前点击的ul里li的a标签的值
ul的id为assort var assort=$("#assort li");assort.click(function () {var classfiyText = $(thi ...
Jquery获取当前点击的事件是table中第几行
var rows = $(_this).closest("tr").index(); closest() 方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上. 代 ...

js中获取当前点击的li标签以及li标签中a标签的id

可以使用以下代码来获取当前点击的li标签的id：

可以使用以下代码来获取当前点击的li标签中a标签的id：

js中获取当前点击的li标签以及li标签中a标签的id相关推荐

最新文章

热门文章