jQuery增加和删除表格项目及实现表格项目排序的方法

前端之家收集整理的这篇文章主要介绍了jQuery增加和删除表格项目及实现表格项目排序的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

增加删除

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

分享一下代码吧! html

js操作如下:

删除一列 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 = ' ' + '' + ''; $(".table>thead>tr").eq(0).append(firstLie); var otherLie = '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 + '