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