需求:
后台返回的数据如下
内容内容{#}内容内容{#}内容内容{#}
=》
内容
内容
内容
注意:每个{#}处都转成
思路:
- 先把图片循环转换成带img标签的格式;
- 创建一个对象把图片用键值对的形式存进去;
- 再处理文字里的{#};
- 如果文字里的第一个位置就有{#},就先放入第一张图片;
- 然后依次在文字后方加入图片;
- 最后填充到html页面.
var zx = res.ZX;
var content_info = '';
var obj = new Object();
var topurl = zx.TOPURL.split(',');
for(var i=0;i<topurl.length;i++){
if(topurl !=0 && topurl[i] !=''){
obj[i]= '<img src="http://'+ topurl[i] +'" alt=""/>'
}
}
var content = zx.CONTENT.split('{#}');
if(zx.CONTENT.indexOf('{#}') == 0){
content_info +=obj[0];
}
for(var j=0;j<content.length;j++){
if(content !=0 && content[j] !=''){
content_info +='<p>'+ content[j] +'</p>'+obj[j]
}
}
$('.content_info').html(content_info);//图片、内容