jq循环便利对象输出在html5页面,jQuery教程 如何循环数组输出显示在html页面

本篇教程介绍了jQuery教程 如何循环数组输出显示在html页面，希望阅读本篇文章以后大家有所收获，帮助大家对jQuery的理解更加深入。

<

jquery 没有双向数据绑定，但是很多需求确实需要我们从后台接收到数组或者对象循环显示在前台页面上，这时我们可以用字符串拼接，元素添加的方法去实现

js部分如下：

$(function(){

var a=["1aa","2bb","3cc"];

$("#come").click(function(){

var  div1='

';

var  div2='

';

$.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标签：

    

 点击触发

    

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道！