html表格里面怎么添加行列,jquery对表格行列的操作-jquery动态增加表格行或者列...

jquery对表格的操作是老生常谈的问题。最近项目中用到了,今天在这里分享一下!

效果大体如下:

323a65bc5cd0ef5267e6982f1a4e277a.gif

分享一下代码吧!

html

板块

维度

js操作如下:

deleteLie: function () { //删除一列

var index = $(this).parent().index();

for (var i = 0; i < $(".table tr").length; i++) {

$($(".table tr")[i]).children().eq(index).remove();

}

if ($(".table tr").length == 1 && $(".table tr").eq(0).children().length == 1) {

$("#Bk_table").hide();

$(".blankShow").show();

}

},

deleteOneline: function () { //删除一行

$(this).parent().parent().remove();

if ($(".table tr").length == 1 && $(".table tr").eq(0).children().length == 1) {

$("#Bk_table").hide();

$(".blankShow").show();

}

},

addOneBk: function () { //增加一列

if ($("#Bk_table").is(":hidden")) {

$("#Bk_table").show();

}

if ($(".blankShow").is(":visible")) {

$(".blankShow").hide();

}

var firstLie = '

中弘西岸3' +

'' +

'

';

$(".table>thead>tr").eq(0).append(firstLie);

var otherLie = '

'οnkeyup="if(isNaN(value)||parseFloat(value)>5||parseFloat(value)<1)execCommand(\'undo\')"' +

'onafterpaste="if(isNaN(value)||parseFloat(value)>5||parseFloat(value)<1)execCommand(\'undo\')" />

';

$(".table>tbody>tr").append(otherLie);

},

addWd: function () { //增加一行

if ($("#Bk_table").is(":hidden")) {

$("#Bk_table").show();

}

if ($(".blankShow").is(":visible")) {

$(".blankShow").hide();

}

var Wdhtml_1 = '

' +

'

' +

'维度三' +

'' +

'' +

'

';

var Wdhtml_2 = "";

var LieLength = $(".table>thead>tr").children().length - 1;

if (LieLength > 0) {

for (var i = 0; i < LieLength; i++) {

Wdhtml_2 = Wdhtml_2 + '

';

}

}

var Wdhtml_3 = '

';

var allWd = Wdhtml_1 + Wdhtml_2 + Wdhtml_3;

$(".table>tbody").append(allWd);

}

以上贴出的是部分代码,有问题可以交流!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值