首页 新闻 会员 周边

动态添加的数组用什么方法可以输出到dom上

0
悬赏园豆:20 [待解决问题]

var data = [{
user: {
name: '阳和',
avatar: './img/avatar2.png'
},
content: {
type: 0, // 多图片消息
text: '华仔真棒,新的一年继续努力!',
pics: ['./img/reward1.png', './img/reward2.png', './img/reward3.png', './img/reward4.png'],
share: {},
timeString: '3分钟前'
},
reply: {
hasLiked: false,
likes: ['Guo封面', '源小神'],
comments: [{
author: 'Guo封面',
text: '你也喜欢华仔哈!!!'
},{
author: '喵仔zsy',
text: '华仔实至名归哈'
}]
}
}, {
user: {
name: '喵仔zsy',
avatar: './img/avatar5.png'
},
content: {
type: 3, // 无图片消息
text: '以后咖啡豆不敢浪费了',
pics: [],
share: {},
timeString: '2个小时前'
},
reply: {
hasLiked: false,
likes:[],
comments: []
}
}];

function likesHtmlTpl(likes) {
if (!likes.length) {
return '';
}
var htmlText = ['<div class="reply-like"><i class="icon-like-blue"></i>'];
// 点赞人的html列表
var likesHtmlArr = [];
// 遍历生成
for(var i = 0, len = likes.length; i < len; i++) {
likesHtmlArr.push('<a class="reply-who" href="#">' + likes[i] + '</a>');
}
// 每个点赞人以逗号加一个空格来相隔
var likesHtmlText = likesHtmlArr.join(', ');
htmlText.push(likesHtmlText);
htmlText.push('</div>');
return htmlText.join('');
}

//点赞
var $commente = $('.commente');
var $replylike = $('.reply-like');
var Fdata = [];
$(".moments-list").on('click','.commente',function(){
likesi = $('.commente').index(this);
data[likesi].reply.likes.push(userName);

  });

在控制台,去显示数组,dom上没有显示,有什么方法可以让他输出到dom上吗

Linluan的主页 Linluan | 初学一级 | 园豆:64
提问于:2019-01-01 21:15
< >
分享
所有回答(3)
0

将数组的数据,用字符串拼成html,最后append到指定的dom节点。
我看你上面把html存到数组里了,但是并没有使用append追加到指定的dom元素下,页面上当然不会显示。

顾星河 | 园豆:7173 (大侠五级) | 2019-01-02 09:58
0

一个小demo:$("body").html("<p>123</p>");这样子就将这段html内容添加到了body上,同理其他的也行;
用append()的话就是追加,在一个元素的子元素后追加html内容,也行

你风致 | 园豆:2213 (老鸟四级) | 2019-01-02 10:17
0

青青子衿619 | 园豆:300 (菜鸟二级) | 2019-01-02 14:36
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册