2 alro djm Alro_DJM 于 2016.03.03 19:19 提问

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

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

7个回答

haoxin1210
haoxin1210   2016.03.03 22:36

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

sun2015_07_24
sun2015_07_24   2016.03.04 09:03

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

luckysiesteven
luckysiesteven   2016.03.04 09:47

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

ssss122
ssss122   2016.03.04 20:23

<!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>"); }; }); });

周一
+
周二
+


ssss122
ssss122   2016.03.04 20:23

<!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>"); }; }); });

周一
+
周二
+


ssss122
ssss122   2016.03.04 20:28

<!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>"); }; }); });

周一
+
周二
+


Alro_DJM
Alro_DJM   2016.03.05 16:50

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!