最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery动态增加表格行或者列的例子
时间:2022-06-25 17:39:42 编辑:袖梨 来源:一聚教程网
分享一下代码吧!
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 = '
'' +
'
$(".table>thead>tr").eq(0).append(firstLie);
var otherLie = '
'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);
}
以上贴出的是部分代码,有问题可以交流!
相关文章
- 律学法考app如何进行试听 07-01
- Java 实现 Word 文档加密及权限解除 07-01
- 告别if-else地狱!Java 21模式匹配,代码优雅了10倍 07-01
- Java Swing 自定义组件库分享:十二 07-01
- Spring Cloud Gateway 微服务网关:路由 断言 过滤器 07-01
- 满族小吃街 07-01