javascript拼接html代码

转自开源中国社区:http://www.oschina.net/code/snippet_94055_21640
经常做jsp开发的朋友可能遇到一个情况，显示列表数据不是table，而是div或者其他很多标签做的一种更漂亮的样式列表。如果采用ajax更新列表数据，可能有些朋友采用“html代码拼接”的方式，比如："<a>"+json.name+"</a>"这样的方法。
下面我提供一个思路，可以不需要拼接html代码，并且适用任何复杂的列表。

代码说明：
1. 适用于ajax获取数据然后需要通过拼接html代码的方式实现数据列表展现的需求/功能
2. html模板最好有一个父元素, 因为最后clone的模板都是插入在父元素内部后面
3. 代码中最关键的部分当然是js的实现. 理解js部分主要是clone、each、append、replace这几个方法的理解和应用

// 希望对大家有用

[1].[代码] html代码示例 跳至 [1] [2]

?

[2].[代码] js实现模板复制和数据填充 跳至 [1] [2]

?