使用jQuery向左或向右或向上或向下插入(添加)/删除(删除)多个行和列
我正在尝试使用JQuery向表中插入行数和列数。在添加行和列之后,我需要在先前添加的表中添加一个或多个列或行。对于特定单元格,它可能位于单元格的左侧或右侧,也可能位于单元格的上方或下方 例如:想象一个如下结构的表格使用jQuery向左或向右或向上或向下插入(添加)/删除(删除)多个行和列,jquery,html-table,Jquery,Html Table,我正在尝试使用JQuery向表中插入行数和列数。在添加行和列之后,我需要在先前添加的表中添加一个或多个列或行。对于特定单元格,它可能位于单元格的左侧或右侧,也可能位于单元格的上方或下方 例如:想象一个如下结构的表格 Row : 3 , Column : 3 Add (button) 生成的表: 这是我的表:在生成我的表之后,我希望在C2之后添加一列 然后是预期输出表 比如R2之后的明智之行……等等 我已经尝试了创建表的代码 此函数用于在运行时创建列: function addColumn
Row : 3 , Column : 3 Add (button)
生成的表:
这是我的表:在生成我的表之后,我希望在C2之后添加一列
然后是预期输出表
比如R2之后的明智之行……等等
我已经尝试了创建表的代码
此函数用于在运行时创建列:
function addColumn(currentColumn,afterOrBefore)
{
var allRows=$('table').find('tr');
$.each(allRows,function(index,value){
var cells=$(value).find('td');
if(afterOrBefore=='before')
{
$('<td>0</td>').insertBefore($(cells[currentColumn]));
}
else
{
$('<td>0</td>').insertAfter($(cells[currentColumn]));
}
});
}
这是用于创建行的:
function addRow(currentRow,afterOrBefore)
{
var allRows=$('table').find('tr');
var rowText="";
for(i=0;i<$(allRows[0]).find('td').length;i++)
rowText+="<td>0</td>";
if(afterOrBefore=='before')
{
$('<tr>'+rowText+'</tr>').insertBefore($(allRows[currentRow]));
}
else
{
$('<tr>'+rowText+'</tr>').insertAfter($(allRows[currentRow]));
}
}
希望这对你有帮助
function addColumn(currentColumn,afterOrBefore)
{
var allRows=$('table').find('tr');
$.each(allRows,function(index,value){
var cells=$(value).find('td');
if(afterOrBefore=='before')
{
$('<td>0</td>').insertBefore($(cells[currentColumn]));
}
else
{
$('<td>0</td>').insertAfter($(cells[currentColumn]));
}
});
}
function addRow(currentRow,afterOrBefore)
{
var allRows=$('table').find('tr');
var rowText="";
for(i=0;i<$(allRows[0]).find('td').length;i++)
rowText+="<td>0</td>";
if(afterOrBefore=='before')
{
$('<tr>'+rowText+'</tr>').insertBefore($(allRows[currentRow]));
}
else
{
$('<tr>'+rowText+'</tr>').insertAfter($(allRows[currentRow]));
}
}