Question

我对.append()函数内部（或其他地方）的字符串有一个非常基本的问题。有时候我有一个很长的代码片段，就像这个

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>',

因为我知道它之间没有空间是非常重要的，这意味着当我尝试在我的Text-Editor中创建一个换行符时，它会抛出一个错误。我的问题是，是否有另一种方法来编写这个字符串，我在编辑器中没有这么长的一行。它非常令人困惑。

欢呼声

Answer 1

你总是可以考虑将它分成多个字符串并连接起来：

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

Answer 2

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

我在jquery中做的是有一个URL列表，然后由于列表是有序的，迭代它。对于每次迭代，我创建一个新的img并分配src，将该新图像添加到新的List Item，然后将该新列表项追加到无序列表中。 // 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;

例如，长字符串中的空白空间。附加功能

2 个答案: