jq动态删除合并的表格

原创 yt666 教程 jquery 177阅读 2018-01-08 18:57:34 举报

在点击删除按钮时,从表格的倒数第三行开始向上删除,并把jquery动态合并的行内的rowspan的值动态递减。第一次写,可能写的不好,望各位见谅。。。。。
<table class="tabTwo" id="tav" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3"></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr id="opactiy-yy">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>

            </tr>
        </table>

for(var j=0;j<5;j++){
var tav_length = $('#tav tr').length;
var Deathdata = "<tr>";
Deathdata +="<td>13213121</td>";
Deathdata +="<td>13213121</td>";
Deathdata +="<td>13213121</td>";
Deathdata +="<td>13213121</td>";
Deathdata +="<td>13213121</td>";
Deathdata +="<td>13213121</td>";
var jalp = 0;
jalp += tav_length-1;
if(5==jalp){
Deathdata +="<td rowspan="+jalp+">1321afdfgdsfg</td>";
Deathdata +="<td rowspan="+jalp+">1321afdfgdsfg</td>";
Deathdata +="<td rowspan="+jalp+">1321afdfgdsfg</td>";
Deathdata +="<td rowspan="+jalp+">1321afdfgdsfg</td>";
Deathdata +="<td rowspan="+jalp+">468</td>";
}
Deathdata +="</tr>";
$('#tav').prepend(Deathdata);
}
$("#asdf").click(function(){
$("#opactiy-yy").show();w
})
var now = (new Date()).toLocaleString();
$(".datatime").text(now)
$("#images-yy").click(function(){

            var $index = $(".tabTwo tr").length;
            var index  =$index - 2;
            if(index!=0){
               index--;
               $(".tabTwo tr td").eq(6).attr("rowspan",index);
               $(".tabTwo tr td").eq(7).attr("rowspan",index);
               $(".tabTwo tr td").eq(8).attr("rowspan",index);
               $(".tabTwo tr td").eq(9).attr("rowspan",index);
               $(".tabTwo tr td").eq(10).attr("rowspan",index);
               $(".tabTwo tr:eq(-3)").remove();
            }else{
                alert("你已经删除完成了");
            }

 })
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复