需求:
后台返回的数据如下
内容内容{#}内容内容{#}内容内容{#}
=》
内容
内容
内容
注意:每个{#}处都转成
思路:
- 先把图片循环转换成带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);//图片、内容
