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

我想在客户端修改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>\
  ');
});

$（'div.my-block'）.html（''）；//删除块内容
$.each（users，function（i，val）{/`users`变量是am数组，其中包含我需要作为HTML插入的所有数据
$（'div.my-block'）.html（'\//这里和后面是一大块html
\
“+val.name+”
\
\
');
});

这很好，但也有一些缺点：

这段代码在记事本++中看起来并不新奇，因为HTML块表示为一个简单的字符串文本

我必须手动将斜杠和变量放回原处，这样我可能会对大的HTML片段出错

我想到一件事：我可以把HTML代码片段放在我开始擦除的容器中，根据需要乘以1。在这个复制粘贴过程中，我可以用变量值替换占位符

在这种情况下，我可以拥有一个具有所有语法高亮显示的外观良好的HTML，我可以避免将HTML放入JS文件中（我认为这是一个糟糕的做法）

---

有什么意见或其他想法吗？

离开记事本+，开始使用升华文本-

有了一些插件，插入JS的HTML代码将更容易阅读。

---

但老实说，我不认为有更好、更明确的方法可以做到这一点。

最新奇的方法是什么？当然，你的小指掉了！使用模板引擎和html5

标签。还有ES2015（又名“ES6”）。为了让选民失望：你能评论一下我的问题有什么不好吗？可能是因为你一直使用“花式”这个词，这让你的问题听起来很无聊，很难认真对待。关于崇高的文本：我真的很喜欢它的外观。但是当我尝试从NP++迁移时，我没有找到如何直接在服务器上编辑文件（NP++可以使用FTP插件）你有很多sublime插件-你检查过这个吗？我想。。。可以使用ajax在Javascript中导入带有HTML的外部文件。通过这种方式，您可以以“简洁明了”的方式编写HTML，并将其导入JS文件。例如：//.load（url[，数据][，完成]）