最近做了一个项目,使用了jquery来操作表格,其实也没什么太多的技术点,只是自己记录一下,方便自己以后碰到类似的问题有一个参照。废话不说了,大家看看效果先.
JS 代码如下:
var myTBody=null; $(function() { //ajax请求拿到产品的数组 myTBody=$("#content_TBody"); }); var tableObjectID = 0; function addTR(templateId,containerId) { var tr = $("#"+templateId).clone(); tr.attr("id", tableObjectID); setID(tr); tr.show(); $("#"+containerId).append(tr); addJsonSuggest(containerId); } function deleteTR(a) { $($(a)[0].parentNode.parentNode).remove(); revertID(); } function revertID(containerId) { tableObjectID = 0; $("#"+containerId+" tr").each(function(index) { setID($(this)); }); } function setID(tr) { tr.find("input, select, textarea") .not(":submit, :reset, :image, [disabled]").each(function(i){ this.id = this.id.replace(/\d/, tableObjectID); this.name = this.name.replace(/\d/, tableObjectID); }); tableObjectID++; } function addJsonSuggest(containerId){ var installstaffs = $("#"+containerId+" input[id^=sku_]"); installstaffs.each(function(i){ if(this.id){ var id = this.id; $(this).unbind(); $('#'+id).jsonSuggest({url: 'datas.txt', maxResults: 10}); } }); }