码迷,mamicode.com
首页 > Web开发 > 详细

js学习内容的整理

时间:2016-03-24 20:24:47      阅读:364      评论:0      收藏:0      [点我收藏+]

标签:

1、jquery动态添加Table中的一行

function addTableRow(tableId){var html = ‘<tr>            ......        </tr>";
    //行首插入一行
    if($(‘#‘+tableId).find(‘tr‘).length == 1){
        $(html).insertAfter($(‘#‘+tableId).find(‘tr‘).eq(0));
    } else { 
        $(html).insertBefore($(‘#‘+tableId).find(‘tr‘).eq(1));
    }
    
  /*
      $(html).insertAfter($(‘#‘+tableId).find(‘tr‘).eq(tableRow));//在某行之后添加新的一行
      $(html).insertBefore($(‘#‘+tableId).find(‘tr‘).eq(tableRow));//在某行之前添加新的一行
    $(‘#‘+tableId).prepend(html);//添加到首行
   $(‘#‘+tableId).append(html);//添加到尾行
  */
}

  注:prepend()和append分别是在table的<tbody></tbody>中插入首行或者尾行。而insertBefore()和insertAfter()分别在指定的行之前或者之后插如。另外,

$(‘#‘+tableId).find(‘tr‘)得到的是table中包含<thead></thead>和<tbody></tbody>之间的所有的tr的对象。

2、jquery动态删除Table中的一行

$(‘#‘+tableId).remove();

 

js学习内容的整理

标签:

原文地址:http://www.cnblogs.com/hujunzheng/p/5316803.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!