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);
}