js for循环给点击事件传参i

最新推荐文章于 2023-03-28 16:39:10 发布
最新推荐文章于 2023-03-28 16:39:10 发布
阅读量908 收藏 1
点赞数 2
分类专栏： HTML 文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/breakCSDN/article/details/109893127
版权
本文探讨了在JavaScript的for循环中如何正确地为点击事件传递当前循环变量i。通过示例代码，解释了一开始尝试直接传递i导致的问题，并提供了有效解决方案。
摘要由CSDN通过智能技术生成

想法：想将外面的i传到onclick事件中去
一开始的错误做法：

	<script type="text/javascript">
	//得到class为a的标签list数组
		var zujian = document.getElementsByClassName("a");
		//遍历
		for (var i = 0 ; i < zujian.length
最低0.47元/天 解锁文章
breakcsdn
关注
专栏目录
【微信小程序】事件传参问题
汪小穆的博客
11-06 1772
前言：微信小程序跟vue.js有很多相似点，也有很多不同点。例如在事件传值上就有很大区别。
JS中使用for循环添加点击事件时，获取i值及参数异常原因及解决办法
大头之家
01-24 4784
遇见此问题,代码检查了n次都没毛病,但是却出现下述问题, 坑了我好久,原来是这个原因,记录避坑! PS这是js的处理方法, 在jquery中直接用each遍历元素绑定点击事件即可避免 $('#id').each(function(i){ $(this).click(function(){  alert(i); }); }); 转自 : https://
js 闭包传参_javascript闭包传参和事件的循环绑定示例探讨
weixin_39952937的博客
12-23 117
今天看到一个javascript的题目，按常理循环绑定事件，但是得到的结果却不是想要的。textlinkvar as = document.getElementsByTagName('a');for ( var i = as.length; i--; ) {as[i].onclick = function() {alert(i);return false;}}1.这个代码点击链接弹出的i都是-1,...
关于 for 循环中 i 的值
羽公子的博客
11-14 6842
不知道大家有没有发现一个问题，当在一个 for 循环中直接打印 i 时候，i 的值并不是我们想的那样。 html代码 &lt;ul&gt; &lt;li&gt;1&lt;/li&gt; &lt;li&gt;2&lt;/li&gt; &lt;li&gt;3&lt;/li&gt; &lt;/ul&gt; 先获取到页面中的li var lis=docum
js用for循环为对象添加事件并传递参数
weixin_30911451的博客
11-29 341
varobjArr = getObjArr(id);for(var i=0; i<objArr.length; i++){var param=objArr.paramaddEvent(objArr[i],'click',function(){new Image().src = [u, "?t=", new Date().getTime(),"&...
js循环添加onclick事件
朱明代月的博客
12-09 1万+
javascript在循环添加onclick事件时会出现函数传入参数均为最后一个值的问题，编写一个test.html如下所示： for (var i=0;i<2 ;i++) { var bt=document.getElementById('bt'+i); bt.onclick=function(){ console.log(i);//无论点击哪个按
javascript闭包传参和事件的循环绑定示例探讨
10-26
代码中存在一个for循环，该循环遍历了所有`<a>`标签并尝试将一个点击事件处理器绑定到每个标签上。循环中的`i`变量是通过闭包传递给事件处理器的。按照预期，点击每个链接时应该弹出对应的`i`值，但实际上弹出的是-1...
微信小程序wx:for的使用，动态传参
03-29
在小程序的开发过程中，经常会用到在前端页面循环打印一个数组或者对象的数据，这样的话就需要用wx：for来实现。 一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露...
小程序循环点击事件传参，点击事件传参注意
Sensation_cyq的博客
07-24 975
如图所示 <blockwx:for="{{list}}"wx:key='this'> <viewclass="hotP_vv1{{hotPushIndex==index?'hotP_vv1C':''}}"data-index="{{index}}"bindtap="changeHot"> {{list.name}}</view> </block> wx：for默认的列表下的角标是index ，data-i...
初学小程序，for循环点击带参
C_xran的博客
03-28 776
刚开始直接用bindtap带参不成功，看文档明白了，因为小程序不允许事件名后直接带参数，，所以使用 ‘data-自定义名称‘来传参。wxml中使用wx:for循环，再使用bindtap添加点击事件，data-url来加入js中data数据。bindtap点击事件，e.currentTarget.dataset则是点击时需要传的参数。wx:for对data数据遍历生成多个容器，点击每个容器跳转对应的url。
js关于循环中onclick绑定带参数的函数问题
u010743173的专栏
03-18 4209
测试页面                                 var data = [{ data: 1 }, { data: 2 }, { data: 3 }, { data: 4 }, { data: 5 }];         function init() {             test();         }         fun
js在for中的事件无法调用循环变量i的解决方法
qq_62693649的博客
12-06 1470
在for循环中的事件里面会发现无法使用循环变量i。 <div> <span>1</span> </div> <div> <span>2</span> </div> <div> <span>3</span> </div> <div> <
js拼接onclick参数无法识别，传递不过去问题解决
吴广智的博客
06-16 1338
接上一篇博文，对于onclick事件的触发已经可以正常触发，但如果想在onclick方法里传递参数就会遇到参数无法传递下去，报错，不识别的问题，那问题如何解决呢，经过一番尝试，终于找到解决问题的方法，给大家分享，避免开发过程因此而浪费的时间： var str = "测试"; var Thtml += '<div class="hzui-col-xs-6">' + ' <div class="ts_product-ico" οnclick="addCardClick('
前端for循环中嵌套函数的传参问题
weixin_44085663的博客
12-27 1613
最近写前端遇到一个很费解的问题，在for循环中遍历id集合，并对每一个id添加点击事件发送请求，正常的思路应该是这样的： 但是打开开发者工具发现循环中的reportId并没有按照循环规则传递到click事件中，具体解决如下： 这里还要注意click事件传递参数和获取参数的问题，参数是保存在event的data中的，取得时候event.data.参数名...
Vue.js 中v-on:click怎么传递参数获取到当前元素
热门推荐
单枪匹码
12-16 1万+
原生js在标签中使用onclick事件时传递当前元素的对象使用的是this。 //this指向当前元素 在onclick = "fn(this)" 而在Vue中这使用$event来传递当前元素对象作为参数，并在methods的方法中通过event.currentTarget来使用当前元素并进行相关操作。 //Vue中使用方法 v-on:click="fn($event)" methods: ...
jsp的onclick传值问题
cherry_chenrui的博客
01-03 1万+
1.在jsp里面过onclick点击事件传递值 a.传递int类型的变量 input type="button" onclick="deleteDevType(devTypeInfoList.get(i).getType_id()%>)" value="删除"/> b.传递String类型的变量（外边添加单引号） input type="button" onclick="mo
从jsp通过onclick页面往后台传值碰到的坑
duan_zhi的博客
04-05 988
通过onclick点击事件然后通过ajax查询取值并回显碰到的坑 我要实现的是通过onclick点击事件然后通过ajax查询取值并回显数据，刚开始我以为我的ajax有问题，反复百度学习，最后认为是业务逻辑问题，处理中我直接给后台数据库查询语句固定值，然后发现前台是可以显示到数据，那问题就出在前台的数据无法传值，回过头傻呵呵的继续死磕ajax。 经过几天的奋战无果后，就去看了眼onclick事件，才...
vue.js v-for遍历对象
零小唬的博客
12-06 407
vue.js v-for遍历对象
for循环结构体传参
最新发布
07-12
在编程中，`for`循环通常用于遍历数组、列表或其他集合类型的元素。当涉及到函数或方法需要处理集合并对其每个元素执行相同的操作时，可以将集合传递给该函数，并通过`for`循环对每个元素进行迭代。 例如，在JavaScript中，你可以这样做： ```javascript function processElements(array) { for (let i = 0; i < array.length; i++) { console.log(array[i]); // 这里是对每个元素执行操作的地方 } } // 调用函数，传入一个数组作为参数 const numbers = [1, 2, 3, 4, 5]; processElements(numbers); ``` 在这个例子中，`array`就是通过`for`循环结构体传递给`processElements`函数的参数。每次循环，变量`i`都会增加，直到达到数组的长度，函数会对数组中的每一个元素执行相应的操作。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值