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

Question

我有我想修改在客户端（与Javascript或jQuery）的HTML文件。

现在我这样做以下列方式：

$('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>\ 
    '); 
}); 

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

1. 此代码不看起来花哨在记事本++作为HTML块表示为一个简单的字符串文字
2. 我必须手动放置反斜线和变量，并且我可以为大的HTML片断犯错误。

我想起了一件事：我可以将HTML代码片段放在容器中，我在开始时将其擦除，然后根据需要倍增一次。在此复制和粘贴过程中，我可以用变量值替换占位符。

在这种情况下，我可以使用所有语法高亮显示的HTML，我可以避免将HTML放入JS文件中（这是一种错误的做法）。

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