Question

海派，我有以下问题...

我需要在某些情况下（例如，在编辑，保存，更新等时）使用js绘制定义的html 代码（在帖子末尾的那个）但是我不知道我想在每次需要的时候明确地添加整个代码，所以我想知道......¿有没有比将它添加到var然后.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);

通过更好的方式来做到这一点......我的意思是......或者我正在寻找，某种面向对象的方式，希望你们得到它。

问候！

Answer 1

如果您大多使用相同的格式，您可以编写一个对象来定义一些常用的（在您的判断中）助手：

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);

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

1 个答案: