教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 JQuery动态删除Table表格的行与列

JQuery动态删除Table表格的行与列

发布时间:2015-11-23   编辑:jiaochengji.com
分享一例jquery代码,实现动态删除表格中的行与列,学习下jquery操作table表格的方法,有需要的朋友可以作个参考。

本节内容:
jquery动态删除Table表格的行和列

操作步骤,如下:
首先,获取Table表格的行数,这里是通过后台添加表格的。
因此,在前台获取时length下,即可获取到了总数赋值。

如果,需要打印表格,但不想要操作那列的内容,可以这样:
 

复制代码 代码示例:
for(var i=0;i<num+1;i++)
{
  $("table tr").eq(i).find("td").eq(0).remove();
}

代码说明:
num是从后台获取到的列表总和+1是为了表头那个也去掉。
第一个eq(i)是获取Table里的TR索引 。
第二个eq(0)是获取TR里的首个TD位置。
>>>查看更多Jquery 教程

您可能感兴趣的文章:
JQuery动态删除Table表格的行与列
基于JQuery的动态删除Table表格的行和列的代码
JavaScript动态操作表格(添加、删除行与列及单元格)的例子
JS动态添加与删除控件的代码一例
js动态添加删除表格行的代码
使用jquery为table动态添加行的实现代码
jquery动态增加、删除表格行的例子
基于jQuery的表格操作插件
Drop、Delete、Truncate的相同点和不同点
js控件隐藏与display属性学习

[关闭]
~ ~