首页 新闻 搜索 专区 学院

怎么让data-index=0实现成他循环出来的index,如data-index=1,data-index=2,data-index=3之类的效果

0
悬赏园豆:120 [已解决问题] 解决于 2018-12-25 20:21
var data = [1,2,3,4,5]
function messageTpl(messageData) {
  var user = messageData.user;
  var content = messageData.content;
  var htmlText = [];
  htmlText.push('<div class="moments-item" data-index="'+ 0 +'">');
  // 消息用户头像
  htmlText.push('<a class="item-left" href="#">');
  htmlText.push('<img src="' + user.avatar + '" width="42" height="42" alt=""/>');
  htmlText.push('</a>');
  htmlText.push('<div class="item-right">');
  htmlText.push('<a href="#" class="item-name">' + user.name + '</a>');
  htmlText.push('<p class="item-msg">' + content.text + '</p>');
  var contentHtml = '';
  switch(content.type) {
    case 0:
      contentHtml = multiplePicTpl(content.pics);
      break;
    case 1:
      contentHtml = multiplePicshare(content.share);
      break;
    case 2:
      contentHtml = multiplePicTpl(content.pics);
      break;
    case 3:
      break;
  }
  htmlText.push(contentHtml);
  htmlText.push('<div class="item-ft">');
  htmlText.push('<span class="item-time">' + content.timeString + '</span>');
  htmlText.push('<div class="item-reply-btn">');
  htmlText.push('<span class="item-reply"></span>');
  htmlText.push('<div class="comment-thumbs-up"><div class="commente"><i class="iconfont icon-buoumaotubiao15"></i>点赞</div><div class="thumbs-up"><i class="iconfont icon-pinglun1"></i>评论</div></div>');
  htmlText.push('</div></div>');
  htmlText.push(replyTpl(messageData.reply));
  htmlText.push('</div></div>');
  return htmlText.join('');
}


function render() {

  var messageHtml = [];
  for ( var i = 0; i < data.length; i ++){
    messageHtml.push(messageTpl(data[i]));
  }
  messageHtml = messageHtml.join('');
  $momentsList.html(messageHtml);
 
}
  $(".user-name").html(userName);
Linluan的主页 Linluan | 初学一级 | 园豆:64
提问于:2018-12-24 16:04
< >
分享
最佳答案
0

var myindex = 0;//全局变量
拼接这样写data-index="'+ myindex+'"
每调用一次函数myindex++;

收获园豆:120
秃秃小前端 | 老鸟四级 |园豆:2168 | 2018-12-25 10:56
其他回答(1)
1

最原始的,在外面套循环,然后把index穿进去,然后再循环里更改index的值

心雨纷扬 | 园豆:309 (菜鸟二级) | 2018-12-24 16:47
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册