需求:
    后台返回的数据如下

    内容内容{#}内容内容{#}内容内容{#}
    =》

    内容

    后台返回的数据替换拼接:内容内容{#}内容内容{#}内容内容{#} - 图1

    内容

    后台返回的数据替换拼接:内容内容{#}内容内容{#}内容内容{#} - 图2

    内容

    后台返回的数据替换拼接:内容内容{#}内容内容{#}内容内容{#} - 图3

    注意:每个{#}处都转成后台返回的数据替换拼接:内容内容{#}内容内容{#}内容内容{#} - 图4

    思路:

    • 先把图片循环转换成带img标签的格式;
    • 创建一个对象把图片用键值对的形式存进去;
    • 再处理文字里的{#};
    • 如果文字里的第一个位置就有{#},就先放入第一张图片;
    • 然后依次在文字后方加入图片;
    • 最后填充到html页面.
      1. var zx = res.ZX;
      2. var content_info = '';
      3. var obj = new Object();
      4. var topurl = zx.TOPURL.split(',');
      5. for(var i=0;i<topurl.length;i++){
      6. if(topurl !=0 && topurl[i] !=''){
      7. obj[i]= '<img src="http://'+ topurl[i] +'" alt=""/>'
      8. }
      9. }
      10. var content = zx.CONTENT.split('{#}');
      11. if(zx.CONTENT.indexOf('{#}') == 0){
      12. content_info +=obj[0];
      13. }
      14. for(var j=0;j<content.length;j++){
      15. if(content !=0 && content[j] !=''){
      16. content_info +='<p>'+ content[j] +'</p>'+obj[j]
      17. }
      18. }
      19. $('.content_info').html(content_info);//图片、内容