jquery 读取table tr td 中的数据

难点：

（1）动态增加、删除tr和td

（2）每天tr和td都有下标，且下标要动态变化，

（3）tr和td为什么下标不能随便写，原因是此处需要把所有tr中的数据以list的形式发送到后台对象中，所有每天tr中的tr中name=‘对象[index].属性’，必须有下标且下标要从0开始且要连续不能跳跃

（4）增加tr和td需要学习细节有：

　　创建td   var $tdName = $(""); 

        td添加内容   $tdName.html("");

      tr增加td      $tr.append($tdName);

     表格最后一行增加tr    tb1.append($tr);

 （5）删除tr和td的学习细节有：

把要删除的tr下标传回     delRows(sub)

如何删除tr      $("#_tr_"+sub).remove();

循环后面的tr如何获取每个td  每天td的对应name属性角标要全部修改

     $("input[name='teams["+i+"].uname']").attr("name","teams["+(i-1)+"].uname");

（6）本内容关键是熟悉Jquery的选取器  方法等知识点

而且要细心，自己在做的时候下标总是调不对（原因是name赋值时误加了'和]符号）

//新增团队信息的
function insertRows(){ //获取表格对象var tb1 = $("#viewTabs");                // 找table的IDvar rowNum= $("#viewTabs tr").size();  //获取表格的行数//var liNum=$("tr[id^='_tr_']").size();  //获取以_tr_开头测tr个数var tempRow=rowNum-1;; //用于新增tr、td、属性下标 var $tdName = $(""); //创建第一个td$tdName.html(""); //html把序号放到了第一个td里面var $tdDept = $("");  //第二个td$tdDept.html("");//放文本框var $tdPoints = $("");  //第三个td$tdPoints.html("");//放文本框var $tdLeader = $("");  //第四个td$tdLeader.html("是  "+"否");//放文本框var $tdDel = $(""); //第五个td$tdDel.html(""+""); //里面添加了一个超链接  超链接里面有个删除的方法var $tr = $("");// 创建tr，将3个td放置到tr中$tr.append($tdName);$tr.append($tdDept);$tr.append($tdPoints);$tr.append($tdLeader);$tr.append($tdDel);//在表格的最后追加新增的trtb1.append($tr);
} 
//删除tr和td并且移动后面的tr和td且下标要一致 
function delRows(sub){//var temp=[];  本来用于保存上移动tr中的td属性值  后来发现会自动匹配数据 所以隐藏了var rowNum=sub+1;  //此处的规律是：行号为下标+1var tb1 = $("#viewTabs");  //找table的IDvar tempRow = $("#viewTabs tr").size();//获取表格的行数if (tempRow >rowNum){     $("#_tr_"+sub).remove();  //删除trfor (i=(parseInt(sub)+1);i

姓名
单位
履历亮点
是否是导师
操作
    
是  否是  否
    
            

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！