Javascript 为tr中的每秒钟td创建一个新表
我正试图使一个老网站的响应,但我有一些表格的问题。 这是表格的代码(由CMS生成): 它看起来像: 我认为jquery是我的解决方案我尝试了以下方法:Javascript 为tr中的每秒钟td创建一个新表,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正试图使一个老网站的响应,但我有一些表格的问题。 这是表格的代码(由CMS生成): 它看起来像: 我认为jquery是我的解决方案我尝试了以下方法: $(function () { var $mainTable = $("table"); var splitBy = 3; var rows = $mainTable.find("tr").slice(splitBy); var $secondTable = $("
$(function () {
var $mainTable = $("table");
var splitBy = 3;
var rows = $mainTable.find("tr").slice(splitBy);
var $secondTable = $("table").parent().append("<table id='secondTable'><tbody></tbody></table>");
$secondTable.find("tbody").append(rows);
$mainTable.find("tr").slice(splitBy).remove();
});
$(函数(){
变量$mainTable=$(“表”);
var-splitBy=3;
变量行=$mainTable.find(“tr”).slice(splitBy);
var$secondTable=$(“表”).parent().append(“”);
$secondTable.find(“tbody”).append(行);
$mainTable.find(“tr”).slice(splitBy.remove();
});
但这并不能解决问题
谢谢 怎么样
$('body').append($("table").clone());
$($("table")[0]).find('td:first-child').remove();
$($("table")[1]).find('td:nth-child(2)').remove();
怎么样
$('body').append($("table").clone());
$($("table")[0]).find('td:first-child').remove();
$($("table")[1]).find('td:nth-child(2)').remove();
我不想这样。但我知道遗产很糟糕。这对性能不好 如果您尝试此方法,请首先修改“getRows”方法
$(文档).ready(函数(){
var clearTbody=函数(){
$(“tbody”).html(“”);
}
var tbodyHtml=“”;
var getRows=function(){
//获取第一个tr的td计数
//代码在这里
返回2;//记录0到1
}
var rows=getRows();
var getRecord=函数(i){
var recordTd=新数组();
$。每个($(“tr”)函数(idx,val){
recordTd.push($(val.children().eq(i));
});
返回记录td;
}
对于(var k=0;行数>k;k++){
var recordTdList=getRecord(k);
tbodyHtml+=“”;
对于(var l=0;recordTdList.length>l;l++){
tbodyHtml+=“”;
tbodyHtml+=$(recordTdList[l]).html();
tbodyHtml+=“”;
}
tbodyHtml+=“”;
}
clearTbody();
$(“tbody”).html(tbodyHtml);
});代码>
td{
显示:块;
}
丹德先生
哈罗德先生
伏击27
非洲街136号
5254高清伦敦
罗马5152马里兰州
T:893-589 31 51
电话:8973-9929810
M:+31361814218
M:+31681819
我不想这样。但我知道遗产很糟糕。这对性能不好
如果您尝试此方法,请首先修改“getRows”方法
$(文档).ready(函数(){
var clearTbody=函数(){
$(“tbody”).html(“”);
}
var tbodyHtml=“”;
var getRows=function(){
//获取第一个tr的td计数
//代码在这里
返回2;//记录0到1
}
var rows=getRows();
var getRecord=函数(i){
var recordTd=新数组();
$。每个($(“tr”)函数(idx,val){
recordTd.push($(val.children().eq(i));
});
返回记录td;
}
对于(var k=0;行数>k;k++){
var recordTdList=getRecord(k);
tbodyHtml+=“”;
对于(var l=0;recordTdList.length>l;l++){
tbodyHtml+=“”;
tbodyHtml+=$(recordTdList[l]).html();
tbodyHtml+=“”;
}
tbodyHtml+=“”;
}
clearTbody();
$(“tbody”).html(tbodyHtml);
});代码>
td{
显示:块;
}
丹德先生
哈罗德先生
伏击27
非洲街136号
5254高清伦敦
罗马5152马里兰州
T:893-589 31 51
电话:8973-9929810
M:+31361814218
M:+31681819
你能编辑HTML吗?不,正如我提到的:由CMS生成@Ferryzijl的可能副本:还有什么情况??这是你问题的一个确切解决办法。你试过了吗?您只需要重新处理它以适应您的用例。看,我很快就为你改编了:@Ferryzijl:别担心答案。你的问题解决了,这很重要。干杯:)你能编辑HTML吗?不,正如我提到的:由CMS生成@Ferryzijl的可能副本:另一种情况是什么??这是你问题的一个确切解决办法。你试过了吗?您只需要重新处理它以适应您的用例。看,我很快就为你改编了:@Ferryzijl:别担心答案。你的问题解决了,这很重要。干杯:)
$('body').append($("table").clone());
$($("table")[0]).find('td:first-child').remove();
$($("table")[1]).find('td:nth-child(2)').remove();