jquery增删表格行tr

来源:互联网 发布:郑州淘宝骗局 编辑:程序博客网 时间:2024/06/01 07:33

第一种克隆

   var tempTr = $("#table1 tr:eq("+0+")").clone(true); //克隆表格id=table1的第1行

   $("#table1 tr:last").after(tempTr);//将克隆行添加到id=table1的表格的最后第二

效果图如下:

​弊端:将表格所有行删掉后  clone()无法实现 添加也无法实现

解决:可以隐藏行

 第二种直接写html语句   

    var trHTML="“//按自己的需要写

    $("#table1 tr:eq(-1)").after(trHTML);//将新添加行加到idtable1的表格的最后一行

    或者$("#table1").append(trHTML);

解释说明:

 $(obj).parent().parent().remove(); //多一个parent就代表向前一个标签, 

            // 本删除范围为两个标签,即向前两个parent 

            //如果多一个parent就会删除整个table        

一些获取方式:

   $("td[name='123']")写就可以获取name为123的td的对象。

   $("td[name='123']").text();//找到name为123的td内容

 //在第一个div  最后一个p 前 加html标签 before  

 $("div:first p:last").before("hello world!!!");

  //在第一个div  第一个p 后 加html标签 before  

  $("div:first p:eq(0)").after("hello world!!!");

0 0