Javascript 如何根据列的标题值移动表中的列

Javascript 如何根据列的标题值移动表中的列,javascript,jquery,html,html-table,Javascript,Jquery,Html,Html Table,我希望将“成人”列移动到表中的最后一个位置(右侧),但该表是交互式的,列数不是固定的,有时也不会有“成人”列 请帮忙 这是桌子: table.tableizer-table{ 字体大小:12px; 边框:1px实心#CCC; 字体系列:Arial、Helvetica、无衬线字体; } .tablezer表td{ 填充:4px; 保证金:3倍; 边框:1px实心#CCC; } .压片机表th{ 背景色:#104E8B; 颜色:#FFF; 字体大小:粗体; } 成虫蛹 AAEL006466兰斯

我希望将“成人”列移动到表中的最后一个位置(右侧),但该表是交互式的,列数不是固定的,有时也不会有“成人”列

请帮忙

这是桌子:

table.tableizer-table{
字体大小:12px;
边框:1px实心#CCC;
字体系列:Arial、Helvetica、无衬线字体;
} 
.tablezer表td{
填充:4px;
保证金:3倍;
边框:1px实心#CCC;
}
.压片机表th{
背景色:#104E8B;
颜色:#FFF;
字体大小:粗体;
}

成虫蛹
AAEL006466兰斯**兰斯
AAEL006466-S2***NSNS
AAEL006466-S4***ns*ns

请尝试以下代码:

$(函数(){
让第一列标题;
让findPosToMove=$(“表”).find('tr')[0].cells.length-2;
每个($(“表tr”)函数(索引、值){
如果(索引==0){
firstColumnHeader=($(this).children(“:eq(1)”)[index].innerText);
}
如果(firstColumnHeader==‘成人’){
对于(变量i=0;i
table.tableizer-table{
字体大小:12px;
边框:1px实心#CCC;
字体系列:Arial、Helvetica、无衬线字体;
} 
.tablezer表td{
填充:4px;
保证金:3倍;
边框:1px实心#CCC;
}
.压片机表th{
背景色:#104E8B;
颜色:#FFF;
字体大小:粗体;
}

成虫蛹
AAEL006466兰斯**兰斯
AAEL006466-S2***NSNS
AAEL006466-S4***ns*ns

请尝试以下代码:

$(函数(){
让第一列标题;
让findPosToMove=$(“表”).find('tr')[0].cells.length-2;
每个($(“表tr”)函数(索引、值){
如果(索引==0){
firstColumnHeader=($(this).children(“:eq(1)”)[index].innerText);
}
如果(firstColumnHeader==‘成人’){
对于(变量i=0;i
table.tableizer-table{
字体大小:12px;
边框:1px实心#CCC;
字体系列:Arial、Helvetica、无衬线字体;
} 
.tablezer表td{
填充:4px;
保证金:3倍;
边框:1px实心#CCC;
}
.压片机表th{
背景色:#104E8B;
颜色:#FFF;
字体大小:粗体;
}

成虫蛹
AAEL006466兰斯**兰斯
AAEL006466-S2***NSNS
AAEL006466-S4***ns*ns

此函数将对列进行重新排序,以便将“成人”列放在最后(如果它位于表中的任何位置)

它假定最多只有一列标题为“成人”(但没有“成人”列也可以):

$(函数(){
函数reorderTable(){
变温成人醇;
var$headerCells=$(“.tableizer firstrow”).children();
$headerCells.每个(功能(idx,el){
var title=(el.textContent | | | el.innerText | |“”).toLowerCase();
如果(标题==‘成人’)成人课程=idx;
});
如果(ADULCOL){//存在成人列
$(“.tableizer table tr”)。每个(函数(idx,el){
$(this.append($(this.children().eq(adultCol));
});
}
};
reorderTable();
});
table.tableizer-table{
字体大小:12px;
边框:1px实心#CCC;
字体系列:Arial、Helvetica、无衬线字体;
}
.tablezer表td{
填充:4px;
保证金:3倍;
边框:1px实心#CCC;
}
.压片机表th{
背景色:#104E8B;
颜色:#FFF;
字体大小:粗体;
}

成人
胚胎
熔岩
蛹
AAEL006466-RA
ns
ns
**
ns
AAEL006466-S2
***
ns
ns
ns
AAEL006466-S4
***
ns
*
ns

此函数将对列进行重新排序,以便将“成人”列放在最后(如果它位于表中的任何位置)

它假定最多只有一列标题为“成人”(但没有“成人”列也可以):

$(函数(){
函数reorderTable(){
变温成人醇;
var$headerCells=$(“.tableizer firstrow”).children();
$headerCells.每个(功能(idx,el){
var title=(el.textContent | | | el.innerText | |“”).toLowerCase();
如果(标题==‘成人’)成人课程=idx;
});
如果(ADULCOL){//存在成人列
$(“.tableizer table tr”)。每个(函数(idx,el){
$(this.append($(this.children().eq(adultCol));
});
}
};
reorderTable();
});
table.tableizer-table{
字体大小:12px;
边框:1px实心#CCC;
字体系列:Arial、Helvetica、无衬线字体;
}
.tablezer表td{
填充:4px;
保证金:3倍;
边框:1px实心#CCC;
}
.压片机表th{
背景色:#104E8B;
颜色:#FFF;
字体大小:粗体;
}

成人
胚胎
熔岩
蛹
AAEL006466-RA
ns
ns
**
ns
AAEL006466-S2
***
ns
ns
ns
AAEL006466-S4
***
ns
*
ns

如果第一列包含成人,是否希望在javascript中使用方法删除该列?您所说的“返回”是什么意思?您是否试图将表的第一列向右移动以成为最后一列,但前提是标题为“成人”?这些CSS是否与你的问题相关?是的,我想把“成人”移到右边,成为最后一列,CSS能做到这一点吗?如果第一列包含成人,你想用javascript方法删除它吗?你说的“回到后面”是什么意思?您是否试图将表的第一列向右移动以成为最后一列,但前提是标题为“成人”?这些CSS和你的问题有关系吗?是的,我想