javascript - 动态生成的标签,怎么添加点击事件打开对应的内容网页?
巴扎黑
巴扎黑 2017-04-11 11:57:53
[JavaScript讨论组]


请问:如图ajax取的数据生成的li标签,给li标签添加点击事件,打开模板网页informa2.html,现在要把informationList[i].content填充到informa2.html里面,函数该怎么写,每个li对应一个informationList[i].content内容网页?

巴扎黑
巴扎黑

全部回复(4)
高洛峰

把点击事件加在他们的父元素上 或者 在创建元素的时候给他加上点击事件

阿神

不知道你的informationList[i].content是模态框还是啥,如果内容很多的话,可以先存到一个text节点里,然后给动态生成的元素加个data-*自定义属性做索引,比如data-index,里边直接存text节点的id标签,这样点击事件发生的时候,你就可以用$(this).data('index')取到存好的内容了。当然,如果只是几个关键数值那直接存到data-*里就行了。

参考资料:

  1. dataset属性;

  2. jQuery - .data()

PHP中文网

用事件委托,可以为动态元素绑事件

PHP中文网

这时候linsen click事件不一定最好,你可以给它添加一个onclick='click_me(this,argu1,argu2)',这样通过this就能达到是那个li被点击了,然后通过this.parent()或者this.parents()等操作就可以找到你对应的内容了。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号