jquery 循环数组输出显示在html页面 jquery 没有双向数据绑定,但是很多需求确实需要我们从后台接收到数组或者对象循环显示在前台页面上,这时我们可以用字符串拼接,元素添加的方法去实现 js部分如下: 复制代码 $(function(){ var a=["1aa","2bb","3cc"]; $("#come").click(function(){ var div1='<div class="yk" onclick="cheakitem(this)" style="background: red; margin-top: 5px;">'; var div2='</div>'; $.each(a,function(i,t){ $("#shu").append(div1+t+div2); }) }); }) function cheakitem(e){ var es=$(e) console.log(es); var edata=es.html(); $(e).parent('#shu').siblings('#come').html(edata); } 复制代码 这里对子元素点击事件传入的this作出了打印,供新手去学习,灵活使用。以便下一步的业务处理。注意:你们会发现,重复点击会不断添加元素,所以需要在循环前添加 $("#shu").empty();清空父元素 div标签: <div id="da" style="width: 300px;height:200px ; background: #CCCCCC; "> <div id='come' style="height: 20px; background: #e6a475;"> 点击触发</div> <div id="shu"> </div> </div> 页面效果如下: 点击子元素1aa效果如下:
原文地址:https://www.cnblogs.com/webSnow/p/17061599.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。