Question

我有HTML文档，我想在客户端修改（使用Javascript或jQuery）。

现在我按照以下方式进行：

$('div.my-block').html('');     // erasing the block contents
$.each(users,function(i,val){   // `users` variable is am array with all data I need to insert as HTML
  $('div.my-block').html('\     // Here and after is a big block of HTML
    <li>\
      <p>'+val.name+'</p>\
    </li>\
  ');
});

这很好，但有一些缺点：

此代码在Notepad ++中看起来并不像HTML块那样表示为简单的字符串文字
我必须手动添加反斜杠和变量，我可能会犯大HTML的错误。

我想到了一件事：我可以将HTML代码段放在我刚开始删除的容器中，然后根据需要多次添加。在此复制和粘贴过程中，我可以用可变值替换占位符。

在这种情况下，我可以拥有一个外观漂亮的HTML，并且所有语法都突出显示，我可以避免将HTML放在JS文件中（我认为这是一种不好的做法）。

有任何意见或其他想法吗？

Answer 1

留下记事本++并开始使用崇高文字 - https://www.sublimetext.com/

使用一些插件，您在JS中插入的HTML代码将更容易阅读。但说实话，我并不认为有更好的方法 - 更明确的方法。

使用Javascript或jQuery添加HTML块的最佳方法是什么？

1 个答案: