JS闭包获取li的index值

最新推荐文章于 2019-11-19 11:08:24 发布

banbi8040

最新推荐文章于 2019-11-19 11:08:24 发布

阅读量134

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hdlyczs/p/7792650.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
li{
background-color: red;
}
</style>
<script type="text/javascript">
window.οnlοad=function(){
var list =document.getElementsByTagName('li');
for(var i=0;i<list.length;i++){
list[i].onclick = (function(n){
return function(){
alert(n);
}
})(i)
}
}
}
</script>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>

转载于:https://www.cnblogs.com/hdlyczs/p/7792650.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

banbi8040

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

使用js【点击li 获取相应的index值三种方法全部实测都是正确的】

weixin_43932281的博客

12-05

1606

js循环给li绑定事件实现点击li弹出其索引值和内容的方法

04-07

本文将详细介绍如何使用原生 JavaScript 和 jQuery 来实现点击 `li` 元素时弹出该元素的索引值及其内容的功能。 #### 方法一：原生 JavaScript 首先，我们通过 `document.getElementsByTagName` 获取所有的 `li` ...

参与评论您还未登录，请先登录后发表或查看评论

闭包 —— 获取li列表的index简例

weixin_30390075的博客

07-17

121

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>获取li的index</title> </head> <body> <ul> <l...

js 使用闭包点击li获取他的索引值

txw0415的博客

05-27

1235

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

利用JS输出ul下li的index索引值

安小漠

03-31

1万+

打印索引

用闭包获取li的索引值

MrLiber的博客

08-17

644

这算是一个经典了吧为了更加明显，我们稍稍加点样式<style> li{ width: 200px; height: 30px; border: 1px solid #ccc; line-height: 30px; cursor: pointer; } </style><ul> <li>1</li>

简短几句通俗解释javascript的闭包

10-28

当li元素的点击事件被触发时，由于JavaScript的函数执行是异步的，此时循环已经结束，变量i的值已经是最后一次循环的值，即li的个数减一。这就是为什么在点击事件中获取到的i值都是最大的那个值。为了解决这个问题...

JS实现点击li标签弹出对应的索引功能【案例】

10-17

然后，为每个`<li>`标签添加一个点击事件监听器，当点击事件触发时，通过`this.getAttribute('index')`获取到`index`属性的值，并将其显示在警告框中。以下是方法一的完整代码示例： ```html <!DOCTYPE html> ...

JS遍历ul下的li点击弹出li的索引的实现方法

10-21

每个函数都接收一个参数Index，这个Index就是传入的i值，即当前li元素的索引。这样，每个li元素的点击事件处理函数都能正确弹出其对应的索引。为了更好地理解闭包的原理，文章中还提供了闭包的其他示例代码，例如`...

js 索引下标之li集合绑定点击事件

10-18

在JavaScript中，对一组元素如列表项（li元素）绑定事件是非常常见的需求。本文通过几个方法介绍如何使用JavaScript为li元素集合绑定点击事件，并且使每个li元素在被点击时显示其在集合中的索引下标。通过这几种方法...

原生js获取当前li元素的索引及demo

LittleWei929211的博客

11-11

1万+

function li(){ var li=document.getElementsByTagName('li'); for(var i=0;i<li.length;i++){ li[i].index=i; li[i].onclick=function(){ alert(this.index); for(var j=0;j<li.length;j++){

javascript 闭包获取当前元素的索引

qiangD的博客

02-10

1368

html部分<button>button1</button> <button>button2</button> <button>button3</button> <button>button4</button>javascript 部分var btns = document.querySelectorAll('button'); var len = btns.length;for (i = 0; i

JS闭包异步获取数据并缓存

Hello博客

02-12

2212

##JS闭包动态存储 #####示例 const getComboListAsSelect = (function() { let data = {}; const getData = () =&amp;amp;amp;amp;amp;gt; { return new Promise((resolve, reject) =&amp;amp;amp;amp;amp;gt; { let packageOptions = {

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点击获取当前li标签的index值

热门推荐

szy1000的专栏

08-23

2万+

Document li{ background-color: red; } window.onload=function(){ var list =document.getElementsByTagName('li'); for(var i=0;i<list.length;i++){ list[i].onclick = (functio

js闭包法获取元素下标值

weixin_34375233的博客

04-01

172

一开始的想法是：var a = document.getElementsByTagName('a');for(var i=0;i<a.length;i++){ a[i].onclick = function(){alert(this.innerHTML);alert(this.i);};};结果每次都是i计算的数值；通过问大神后，使用闭包解决：var...

js如何取出闭包中的变量

car

11-19

1956

var a = function(){ this.b =1; } var get = new a(); console.log(get.b); 函数是一种特殊对象，实例化一下就行了，js的私有变量方法不成体系，所以写法比较绕。

js获取li的索引值

啊哈前端的专栏

11-02

4374

js获取当前选中的li的索引以及中文本值 *{margin: 0;padding: 0;} ul li {list-style-type: none;} .ulall {width: 300px;margin: 0 auto;} .ulall li{width: 300px;height: 35px}

深入解析JavaScript闭包机制

"全面理解JavaScript中的闭包：闭包是一种特殊的现象，它允许函数访问并操作其外部作用域的变量，即使在其外部作用域已经结束之后。这种机制在JavaScript编程中至关重要，因为它涉及到变量的生命周期和作用域的概念...