用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文件中（這是一種錯誤的做法）。

有任何意見或其他想法嗎？