js如何实现添加表格以及在表格上显示内容,如下图效果

图片说明
如上图片中需要点击加号就新增一格,哪个大神给个提示。

事先创建好div,用div,点击加号,在div中添加元素,

在加号的表格给个class。点击的时候触发js,往相对应的tr里面的td下追加一个td。给一样的样式就可以了。

定义好table的样式,表头,有内容的样式,没有内容的样式,加号的样式。之后在加号的td进行js处理。添加或者修改td的内容。写的例子仅供参考。链接如下:http://blog.csdn.net/missingshirely/article/details/43015249

<!DOCTYPE html>


MyHtml.html



$(document).ready(function(){ $(".td1").click(function(e){ var v_id = $(e.target).attr('id'); if (v_id==1) { $(this).parent().prev().after("<tr><td><input type='text' width='50' /></td></tr>"); }; }); });

周一
+
周二
+


谢谢楼上各位,这个问题已经解决,用jquery本身自带的一个方法append直接搞定,每点击+号就在“周一”元素末尾添加一个div,很容易,谢谢各位。