社区
非技术区
帖子详情
li元素点击事件,点击后如何获取点击对象?
zzyhost
2018-05-29 06:56:19
如何知道我点击的是哪个?怎么实现
var itemli = $('.mui-table-view-cell')
for(var i = 0; i < itemli.length; i++) {
(function(n) {
itemli[i].onclick = function() {
//这里怎么知道我点击了哪个li 呢?
}
})(i)
}
...全文
1804
4
打赏
收藏
li元素点击事件,点击后如何获取点击对象?
如何知道我点击的是哪个?怎么实现 var itemli = $('.mui-table-view-cell') for(var i = 0; i < itemli.length; i++) { (function(n) { itemli[i].onclick = function() { //这里怎么知道我点击了哪个li 呢? } })(i) }
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zzyhost
2018-05-30
打赏
举报
回复
引用 1 楼 jslang 的回复:
用this获取触发事件的对象
如果列表显示的只是学生姓名,而我想点击后获取到学号,怎么获取?给列表设置个学号的隐藏属性吗,如何设置
天际的海浪
2018-05-30
打赏
举报
回复
引用 2 楼 u013402605 的回复:
[quote=引用 1 楼 jslang 的回复:] 用this获取触发事件的对象
如果列表显示的只是学生姓名,而我想点击后获取到学号,怎么获取?给列表设置个学号的隐藏属性吗,如何设置[/quote] 可以在标签上自定义属性 <li data-id="6587"></li> 事件中用 this.getAttribute("data-id")获取
天际的海浪
2018-05-30
打赏
举报
回复
this.getAttribute("data-id")
天际的海浪
2018-05-29
打赏
举报
回复
用this获取触发事件的对象
HTML从入门到精通
HTML是网页制作最基础的编程语言,本课程主要介绍html语言,以及html标签、html文件结构、head标签,还有在html中的注释代码的作用。...表单是网页中重要的
元素
之一,是网页与服务器进行数据交换的主要标签。
js怎么做
点击
哪个
li
就
获取
到哪个
li
的值呢?
3. 定义
点击
事件
处理函数handleC
li
ck,该函数在每次
点击
li
元素
时会被触发,并在控制台输出对应
li
元素
的值。2. 在JavaScript文件中,
获取
ul
元素
以及其中的
li
元素
,并为每个
li
元素
添加
点击
事件
监听器。可以使用JavaScript来实现
点击
li
元素
后
获取
其值的功能。1. 在HTML文件中,给每个
li
元素
添加一个
点击
事件
监听器,监听
点击
事件
。这样,当
点击
任何一个
li
元素
时,控制台会输出该
li
元素
的值。
js为
li
添加
点击
事件
,并且输出当前
li
点击
的值
在使用js开发过程中,经常会遇到这样一个问题“如何对多个
li
添加onC
li
ck
点击
事件
,并且输出
点击
对象
的当前内容”。这是我们就想到了常用的for循环,如下图所示: 直接输出当前
点击
对象
的内容 通过运行会发现依次
点击
li
分别会弹出0,1,2; 由这类问题会引发一系列的问法,如果我们alert的是当时循环中的i值会出现什么情况: 直接输出循环中的i值 此时通过运行会发现无论
点击
那个
li
...
点击
li
获取
对应事件下标的四种方法
点击
li
获取
对应事件下标的四种方法 在原生JS中,对于多个
li
的事件下标,是无法通过循环来直接
获取
,因为
点击
一次是一次事件,但是循环的执行会在一次事件中就完毕。第二次事件执行时循环已经结束。无法直接
获取
下标。 但是我们可以通过以下四种方案来解决这一问题: 例子如下: <body> <h1>国庆放假安排</h1> <ul> <
li
...
vue绑定父
元素
点击
事件
,
点击
不同子
元素
获取
元素
对象
不同,
元素
绑定事件的坑
1、在开始讲vue绑定事件之前先回顾一下原生的
点击
事件
的写法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="./assets/jquery-2.2.1.min.js"></script> <style> #parent{ height: 500px; width: 500px; backgroun
非技术区
2,100
社区成员
37,371
社区内容
发帖
与我相关
我的任务
非技术区
Web 开发 非技术区
复制链接
扫一扫
分享
社区描述
Web 开发 非技术区
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章