点击获取li下标的几种方式

最新推荐文章于 2019-10-31 20:33:59 发布
最新推荐文章于 2019-10-31 20:33:59 发布
阅读量491 收藏 1
点赞数
原文链接：http://www.cnblogs.com/foreverCg/p/10086209.html
版权

应用闭包时回溯了下几种关于获取li下标的方式

 

1.点击获取li下标 ———— 闭包

 

2.点击获取li下标 ———— es6  let

 

3.点击获取li下标 ———— 给元素添加下标属性index

 

 

4.点击获取li  ———— 父级事件监听 

　　思考了下，要获取下标，暂时只能想到添加下标的方法，因此未列出

 

遇到的问题

使用var 定义 i   结果显示超过下标的数值，轻率认为是冒泡问题，结果无果，

重新审查 知 即是先循环完毕  再执行的点击操作

转载于:https://www.cnblogs.com/foreverCg/p/10086209.html

dinglun7160
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 索引下标之li集合绑定点击事件
10-18
本文通过一段实例代码给大家讲解了js索引下标之li集合绑定点击事件的相关知识，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧
使用vue点击li,获取当前点击li父辈元素的属性值方法
10-18
在这个示例中，我们看到如何在用户点击`li`元素时，获取该`li`的父级`ul`元素的`name`属性值。以下是关键知识点的详细解释： 1. **事件监听器**：Vue.js 提供了 `v-on` 指令来绑定事件监听器。在这个例子中，我们用...
点击li获取对应事件下标的四种方法
Arjen123123的博客
10-31 2224
点击li获取对应事件下标的四种方法 在原生JS中，对于多个li的事件下标，是无法通过循环来直接获取，因为点击一次是一次事件，但是循环的执行会在一次事件中就完毕。第二次事件执行时循环已经结束。无法直接获取下标。 但是我们可以通过以下四种方案来解决这一问题： 例子如下： <body> <h1>国庆放假安排</h1> <ul> <li...
点击li，输出对应li的下标
wuqiongqiong_的博客
09-20 4310
window.onload=function(){ 第一种方法： var oli=document.getElementsByTagName('li');     for(var i=0;i   oli[i].onclick=(function(n){   return function(){   alert(n)   }   })(i)   } } 第二种方法： /
如何获取li标签中的值
发光并非太阳的专利，你也可以发光。
11-30 2772
前言 最近在做动态添加表单，管理员从后台添加了菜单，一般用户登录，可以看到管理员新添加的菜单，和菜单中的属性，但是问题来了，动态添加完了，到展示给一般用户的页面，现在能想到的就是for循环出来的，但是要去到for循环出来的li标签的值怎么取呢？ 让小编来给大家分享一下 jsp代码 &lt;c:forEach items="${List}" var="list"&gt; &lt;li class=...
JS 获取当前选中li标签的下标
sxzxiaofeng168的博客
08-29 3603
点击li标签，获取到当前选中li标签的下标 //方法一:给li元素扩展一个自定义属性index，保存它的下标，js目前没有方法获取到子元素在它父级中的下标 for(var i=0;i<list.length;i++){ list[i].index=i; list[i].onclick=function () { ...
js 获取元素下面所有li的两种方法
10-26
主要介绍了js如何获取元素下面所有的li，有哪些方法,需要的朋友可以参考下
Javascript 获取LI里的内容
10-30
使用Javascript（简称JS）取得LI里的内容(简单易懂的代码实例)
jquery获取当前点击li的元素的节点下标
热门推荐
milli236的博客
01-10 3万+
$("#detailChange").on("click","li",function(){ // 切换li列表样式 $(this).addClass("active"); $(this).siblings().removeClass("active"); // 获取当前点击li 的下标 let index = $(this).index() + 1; console.lo
js 遍历ul li 获取点击当前的子元素下标
林中明月间丶
05-12 1万+
&lt;div&gt; &lt;ul id="list"&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&lt;/li&gt; &lt;li&gt;4&lt;/li&amp
Js 获取下标
jx00028的博客
11-01 8689
ul> li>1li> li>2li> li>3li> li>4li> li>5li> ul> script> var li = document.getElementsByTagName("li"); for(var i = 0;i li.length; i++){ li[i].index = i; li[i
jquery获取下标
三月神的专栏
07-01 8687
$(document).ready(function(){ $("#act li").click(function(){ alert( $( "#act li" ).index( $(this)[0] ) ); }) }) 这里是一个序列 这里是一个序列 这里是一个序列 这里是一个序列 这里是一个序列 这里是一个序列
javascript 怎么获取 li里面点击的元素索引呢？
u011482763的博客
11-28 1万+
用JS遍历就可以做，代码如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 ul id="test"> ul> li>111li> li>222li>
js闭包的定义与应用+获取元素下标的多种方法
luck_lin
02-08 256
什么是闭包？closure，函数嵌套函数，内层函数有使用到外层函数所定义的变量，外层函数返回对内层函数的引用；用途：希望在函数外部能够使用到函数内部所定义的局部变量（延长变量的生命周期），可以使用闭包；&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&
闭包-点击获得li元素的序号
huyao的博客
05-12 625
利用闭包为每一个li加一个属于自己的序号&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;ul&gt; &lt;li&gt;1&lt;/li&gt; &lt;l
用闭包获取li的索引值
MrLiber的博客
08-17 633
这算是一个经典了吧为了更加明显，我们稍稍加点样式<style> li{ width: 200px; height: 30px; border: 1px solid #ccc; line-height: 30px; cursor: pointer; } </style><ul> <li>1</li>
js 使用闭包点击li获取他的索引值
txw0415的博客
05-27 1227
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
JS怎么获取当前点击的子元素的下标（点击就能获得点击的元素的index）
Pumily的脱发历程
08-17 1万+
在不考虑兼容问题情况下，可用一下document.getElementsByClassName方法。这样每次点击时就能获得你点击的元素的index值。
jq 获取元素点击事件下下标
最新发布
06-09
jq 获取元素点击事件下标的方法通常有两种，一种是使用 `index()` 方法，另一种是使用 `each()` 方法。 使用 `index()` 方法获取元素点击事件下标的示例代码如下： ```html <li>item 1</li> <li>item 2</li> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值