【问题标题】:empty space in long string for eg. append function长字符串中的空格,例如。附加功能
【发布时间】:2013-11-07 19:45:57
【问题描述】:

我对@9​​87654321@ 函数内部(或其他地方)的字符串有一个非常基本的问题。有时候我的coden-p很长,像这样

c = '<div id="slider"><ul style="position: absolute; top: -400px"><li><img src="img/link/eins.png"></li><li><img src="img/link/zwei.png"></li><li><img src="img/link/drei.png"></li><li><img src="img/link/vier.png"></li><li><img src="img/link/fuenf.png"></li><li><img id="linkimg6" class="val4" style="display: none;" src="img/link/sechs.png"></li><li><img id="linkimg7" class="val4" style="display: none;" src="img/link/sieben.png"><img src="img/link/acht.png"></li><li><img src="img/link/neun.png"></li></ul></div>',

我知道之间没有空格非常重要,这意味着当我尝试在我的文本编辑器中进行换行时,它会给我一个错误。我的问题是,有没有另一种方法来编写这个字符串,我的编辑器中没有这么长的一行。非常混乱。

干杯

【问题讨论】:

    标签: jquery html string editor


    【解决方案1】:

    您总是可以考虑将其拆分为多个字符串并将它们连接起来:

    var html = '<div>First row:'+
                   '<span>info</span>'+
               '</div>'+
               '<div>Done</span>';
    

    【讨论】:

      【解决方案2】:

      您的代码在最后似乎略有不同。根据您的设计,我认为您希望它看起来完全一样。

      我在 jquery 中所做的是有一个 URL 列表,然后由于列表是有序的,因此对其进行迭代。对于每次迭代,我创建一个新的 img 并分配 src,将该新图像添加到一个新的列表项,然后将该新列表项附加到无序列表中。 //jquery:

      var $slide = $("<div id='slider' />"),
          $ul = $("<ul class='ul_css' />").css({position:"absolute", top:"-400px"}),
          $li = $("<li />"),
          $img = $("<img />");
      var list = ["img/link/eins.png","img/link/eins.png","img/link/drei.png","img/link/vier.png","img/link/fuenf.png","img/link/sechs.png","img/link/sieben.png","img/link/acht.png","img/link/neun.png"];
      
      $slide.append($ul);
      for (var item in list){
          $ul.append($li.clone().append($img.clone().attr("src", list[item])));
      }
      

      当然,这不考虑给定 ID 和类的随机 img 标签的情况。

      如果你的意思是将它分成更多行,你可以这样做:

      url = part1;
      url += part2;
      url + part3; //etc or
      
      url = part1 +
            part2 +
            part3;
      

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2019-06-13
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2020-04-01
        • 2014-03-18
        • 1970-01-01
        相关资源
        最近更新 更多