js学习内容的整理

简介:

v1、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的对象。

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

$('#'+tableId).remove();
目录
相关文章
|
JavaScript
js基础笔记学习271练习4之一
js基础笔记学习271练习4之一
72 0
js基础笔记学习271练习4之一
|
JavaScript
js基础笔记学习273练习5之一
js基础笔记学习273练习5之一
83 0
js基础笔记学习273练习5之一
|
JavaScript
js基础笔记学习268练习2之2
js基础笔记学习268练习2之2
74 0
js基础笔记学习268练习2之2
|
JavaScript
js基础笔记学习270练习3之1
js基础笔记学习270练习3之1
74 0
js基础笔记学习270练习3之1
|
JavaScript
js基础笔记学习89-方法
js基础笔记学习89-方法
59 0
js基础笔记学习89-方法
|
JavaScript
js基础笔记学习307各种方法2
js基础笔记学习307各种方法2
38 0
js基础笔记学习307各种方法2
|
JavaScript
js基础笔记学习306各种方法1
js基础笔记学习306各种方法1
37 0
js基础笔记学习306各种方法1
|
JavaScript
js基础笔记学习106-方法
js基础笔记学习106-方法
62 0
js基础笔记学习106-方法
|
JavaScript
js基础笔记学习1-js简介小历史笔记
js基础笔记学习1-js简介小历史笔记
52 0
js基础笔记学习1-js简介小历史笔记
|
JavaScript
js基础笔记学习318练习1
js基础笔记学习318练习1
55 0
js基础笔记学习318练习1