如何获取点击当前li元素的ID

关键技术：jquery
作者：李嘉乐
用for 循环给ul元素添加10个li子元素，在自增的同时给每一个li元素添加了dianji（this）的onclick事件和自增的指定ID。通过dianji事件就可以获取到当前点击的li元素ID了。
如图：

代码如下：

<body><div> <ul style="width:500px; height:500px;background-color:antiquewhite;"></ul><button id="button" type="button"> 查询。。。</button></div><script src="~/Content/js/jquery-1.10.2.js"></script><script>var count = 10;function dianji(e) {var id = e.id;alert("当前点击的元素ID是" + id);}$("#button").click(function () {for (var i = 0; i < count; i++) {$("ul").append("<li id=" + i + " onclick='dianji(this)'>I'm " + i + "</li>");}})</script>
</body>

如何获取点击当前li元素的ID相关推荐

jqgrid 编辑状态获取该单元格的元素的id 和操作该元素
2019独角兽企业重金招聘Python工程师标准>>> function listData() { jQuery(grid_selector).jqGrid({ url: ctxPa ...
js中获取当前点击的li标签以及li标签中a标签的id
可以使用以下代码来获取当前点击的li标签的id: document.querySelectorAll('li').forEach(function(li) {li.addEventListener(' ...
Js获取点击元素的id
///获取点击标签的值(id)$(document).click(function (e) {var v_id = e.target.id;console.log(v_id);//var v_id2 ...
javaScript动态添加Li元素
html代码块 <!DOCTYPE html> <html><head><meta charset="utf-8"><titl ...
Jquery如何获取当前元素的id？
使用函数:$("").attr(); $(".style").attr("id"); //代表获取class为style1的元素的id
点击iframe里面嵌入的内容，获取iframe标签外面的元素，获取不到的问题
点击iframe里面嵌入的内容,获取iframe标签外面的元素,获取不到的问题问题描述,点击iframe嵌入的元素,想让tab栏样式跟着切换,iframe嵌入的链接也要跟着替换 1.这个是ifram ...
【转载】Vue -- 获取点击元素的兄弟元素
转载自 https://blog.csdn.net/Lhy_JL/article/details/109130561 一.首先 //首先是获取当前点击事件//view绑定并传递 $event<s ...
JS点击列表li获取li的id
点击列表li获取li的id <div><ul id="test1"><li id="1">我是list1</li> ...
html中js隐藏div的高度,js如何获取div（ul li）元素的宽度和高度（包括width/height和CSS的宽度和高度）...
某些时候需要知道元素div(或 ul li)的宽度或高度,大多情况下可以用js取元素div的width或height属性获得,但有时候这个方法不一定奏效,把div的宽度或高度定义在CSS样式中,这个方 ...

如何获取点击当前li元素的ID

如何获取点击当前li元素的ID相关推荐

最新文章

热门文章