美文网首页
js生成html时的循环监听问题

js生成html时的循环监听问题

作者: Chavez_Shawn | 来源:发表于2017-04-12 19:57 被阅读0次

使用H5做手机页面时经常会遇到'json'数据循环生成列表中的'li',并且对每个'li'进行tap'监听。

如下列代码

for(var n = 0; n < info.length; n++) {

$("#uldataOrder").append("<li id='li"+n+"'>hello,"+n+"</li>");

document.getElementById("li"+n).addEventListener('tap',function(){

//dosth

}

}

如果需要在function中对当前tap的li上做点处理的话,n已经不能再使用了,比如$('#li'+n),此时的n是循环后的最大值。解决方案是使用this。

function(){

//dosth

OpenDetail(this.id);

}

相关文章

  • js生成html时的循环监听问题

    使用H5做手机页面时经常会遇到'json'数据循环生成列表中的'li',并且对每个'li'进行tap'监听。 如下...

  • 6-webpack自动生成HTML

    前面讲到自动生成main.js,这里自动生成index.html,并且会自动导入main.js,问题,解决方法,实...

  • 【基础】循环

    循环 循环数组html {{item.content}} js /...

  • 搜索键盘

    一、实现思路 键盘的生成①通过JS的for循环生成一个一个的字母,而不是直接写在html中,这样会方便很多;②字母...

  • 事件

    不懂之处 在直接监听使用for循环时,发现for循环中i不变的问题(循环return的console.log(i)...

  • ion-slide-box 只有两条数据时的使用问题

    HTML js 当只有两条数据时,html中的does-continue设置为false取消循环播放。

  • 2018-05-12循环功能

    增加循环功能,点击单句时可以循环播放本句 HTML JS 点击按钮事件,切换循环状态 定义全局变量,是否处于循环模...

  • vue.js 笔记

    v-for(循环) //html //vue.js v-model(双向数据绑定) //html //vue.js...

  • JavaScript 监听回车事件(转)

    http://www.cnblogs.com/sxhlf/p/6734628.html JS监听某个输入框 JS监...

  • vue中文本域限制字数的方法

    用watch来监听,实现操作也比较简单 HTML JS CSS

网友评论

      本文标题:js生成html时的循环监听问题

      本文链接:https://www.haomeiwen.com/subject/mztvattx.html