freemarker和jquery动态拼接table

今天来说学习jquery的一个小知识的过程
作为java开发时不时的也要写一些丑页面，用到freemarker
记一个小知识：了解不足，希望多多指教
之前页面是table表格包含固定字段然后拼接上了动态字段
这次是加一个页面，在原来的基础上再多加展示拼接一段固定的字段和一段动态的字段，也就是固定+动态+固定+动态的table

第一次：我在原来的基础上再拼接固定的+动态的
拼接用到("#main").append();这个拼接可以实现查询出来的table是我想要的结构，但是有一个问题：我每次多查一次就会多拼接一次数据，我理解是在append之后原有的main的table就变了，也就是查了一次的结果之后，这个结果就变成了table固定的数据了，之后多查一次就是在现有基础上继续拼接

第二次：那我就考虑到是不是刷新一次就可以解决，然后就找关于刷新的内容，找到这个$table.bootstrapTable('refresh')，但是发现我的代码中table是公用的封装好的，那我就不动了，毕竟我只改我自己这部分就行。

第三次：然后问了人说("#main").html()可以试试，试了之后每次点击查询确实不再累加了，但是！原table中的固定数据都没有了，直接加的是拼接的数据。

第四次：然后了解("#main").html()的时候看到了这个$("#main").text("");//加载显示内容前，清除上一次加载的内容。我又觉得有希望了，但是还是没把原有的数据显示出来

第五次：重点来了！！看原来的代码的时候有一个这个(".more").remove()，毕竟因为了解短浅当时在html中找这个more的class并没有找到就忽略了，后来我还把原来js中拼接写的more部分改成了wlmore，为了更能表达我的需求的意思。当时反应过来试了一下发现他就是每次加载去掉之前加载拼接的字段的意思，然后再重新拼接啊。
至此，这个小问题算是结束了。
总结一下其中的知识点吧：
1、("#main").append();   ---每次给main标签追加
2、("#main").html();   ----每次重新覆盖main标签内容
3、$table.bootstrapTable('refresh');   ---刷新table标签，这个是bootstrapTable用法
4、$("#main").text("")；  ---加载显示内容前，清除上一次加载的内容
5、(".more").remove()；  ---移除more标签的内容