Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用js多次附加一些html代码_Javascript_Html - Fatal编程技术网

Javascript 如何使用js多次附加一些html代码

Javascript 如何使用js多次附加一些html代码,javascript,html,Javascript,Html,嘿,伙计们,我有以下问题 我需要在某些情况下(例如编辑、保存、更新等)使用js绘制定义的html代码(是本文末尾的代码),但我不想在每次需要时都显式添加整个代码,所以我想。。。?有没有比将其添加到变量中,然后在代码中添加.append或.html更好的方法?不是每次我想将代码构建成一种具有属性的面向对象方法,并在需要时构建代码,有没有一种方法 这是代码 for (var i = 1; i <= lineas; i++) { c += "<div class='row'><

嘿,伙计们,我有以下问题

我需要在某些情况下(例如编辑、保存、更新等)使用js绘制定义的html代码(是本文末尾的代码),但我不想在每次需要时都显式添加整个代码,所以我想。。。?有没有比将其添加到变量中,然后在代码中添加.append或.html更好的方法?不是每次我想将代码构建成一种具有属性的面向对象方法,并在需要时构建代码,有没有一种方法

这是代码

for (var i = 1; i <= lineas; i++) {
c += "<div class='row'><section>some html for example</section></div>";
c += "<div>some other stuff</div>";
}

$('#res').append(c);

for(var i=1;i如果您主要使用相同的格式,您可以编写一个对象来定义一些常用的(根据您的判断)助手:


你可以使用一个模板(例如把手),但是没有一个预定义的更好的答案-因为要多次使用它仍然需要某种迭代器和函数,或者如果你不想使用本机的jQ版本(编辑:忘记cloneNode heh)也许可以将大量的字符串连接减少到一个较小的示例中,以便于帮助/理解您正在做的事情。此外,您在示例中使用了一个名为
data
的变量,而您在任何地方都没有初始化它,它是什么?
var helper = {
  sectionInDiv: function(divClass, sectionText) {
     var result = "<div class='" + divClass +"'><section>" + sectionText +"</section></div>";
     return result;
  },
  divOnly: function(text) {
     var result = "<div>" + text + "</div>";
     return result;
  },
  repeat: function (n, htmlText){
    var result = "";
    for (var i = 1; i <= n; i++) {
       result += htmlText;
    }
    return result;
  }
...
}
var htmlToRepeat = 
   helper.sectionInDiv("row", "some example text") +
   helper.divOnly("some more text");
helper.repeat(10, htmlToRepeat);