1   <script id="commentTemplate" type="text/html">

 2      <li>

 3         <div class="photo">

 4             <a href="#">

 5                 <img src="[UserImg]" /></a></div>

 6         <p>

 7             <a href="#">[UserName]：</a><span class="time">[CreateDate]</span></p>

 8         <div class="clear">

 9         </div>

10     </li>

11     </script>

 1 <div id="comment_ul_2">

 2     </div>

 3     <input type="button" id="addFun" value="click me" />

 4     <script type="text/javascript">

 5         var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm'); //i g m是指分别用于指定区分大小写的匹配、全局匹配和多行匹配。

 6         $("#addFun").click(function () {

 7             var html = document.getElementById("commentTemplate").innerHTML;

 8             var source = html.replace(reg, function (node, key) { return { 'UserImg': '1', 'UserName': 'zhang', 'CreateDate': '2011-1-1'}[key]; });

 9             $("#comment_ul_2").append(source);

10         });

11

12         var zzl = "name:[name]";

13         zzl = zzl.replace(reg, function (node, key) { return { 'name': '占占'}[key]; });

14         alert(zzl);

15

16     </script>