您的位置:首页 > Web前端 > JavaScript

js学习内容的整理

2016-03-24 19:20 288 查看

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();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: