Javascript 如何将表(tr th:偶数和tr td:偶数和th:odd和td:odd)附加到新表中
首先,对不起,英语不是我的第一语言 *(偶数和奇数基于索引) 我想在移动视图中实现此表 我尝试过的Javascript 如何将表(tr th:偶数和tr td:偶数和th:odd和td:odd)附加到新表中,javascript,jquery,html,Javascript,Jquery,Html,首先,对不起,英语不是我的第一语言 *(偶数和奇数基于索引) 我想在移动视图中实现此表 我尝试过的 <table class="table"> <tbody> <tr> <th>Content 1 Head</th> <th>Content 2 Head</th> </tr> <tr> <td>Content 1
<table class="table">
<tbody>
<tr>
<th>Content 1 Head</th>
<th>Content 2 Head</th>
</tr>
<tr>
<td>Content 1</td>
<td>Content 2</td>
</tr>
</tbody>
<tbody>
<tr>
<th>Content 3 Head</th>
<th>Content 4 Head</th>
</tr>
<tr>
<td>Content 3</td>
<td>Content 4</td>
</tr>
</tbody>
</table>
内容1标题
内容2标题
内容1
内容2
内容3总目
内容4标题
内容3
内容4
var mobileTable=“”
$(“表tbody th:偶数”)。每个(函数(i){
var tdval=$(this.html();
控制台日志(thval);
mobileTable=+''+$('table tr td:odd')+tdval+'';
});
$('table:first child').empty();
$('.table mobile').append(mobileTable);
这是一项修订
var mobileTable = ""
$("table tbody th").each(function(i) {
var thval = $(this).html();
var tdval = $('table tr td').html(); // How can i loop this through
mobileTable += "<tr><td>" + thval +'</td></tr><tr><td>'+ tdval + '</td><tr>';
});
$('table:first-child').empty();
$('.table-mobile').append(mobileTable);
var mobileTable=“”
$(“表tbody th”)。每个(函数(i){
var thval=$(this.html();
var tdval=$('table tr td').html();//如何循环执行此操作
可移动设备+=“”+thval+“”+tdval+“”;
});
$('table:first child').empty();
$('.table mobile').append(mobileTable);
结果(由jQuery触发)
var x=$(“#表”).find(“th,td”);
变量i=$(“#表”).find(“tr”).length;
var j=x.长度/i;
//控制台日志(i,j);
var newT=$(“”)。附录(“正文”);
对于(j1=0;j1
创建一个数组
为每个th和tds提供单独的行
将每个th添加到数组中的位置,如:0,2,4,6(索引*2)
将每个td添加到数组中,位置如下:1,3,5,7((索引+1)*2)-1
使用append
将数组添加到移动表中
您的最终阵列将变成:
[0] = th1
[1] = td1
[2] = th2
[3] = td2
...
var-tarr=[];
$(“表tr:偶数*”)。每个(函数(i){
tarr[(i*2)]=“”+$(this.html()+“”;
});
$(“表tr:odd*”)。每个(函数(i){
tarr[((i+1)*2)-1]=”+$(this.html()+”;
});
控制台日志(tarr);
$('table').empty();
$('.table mobile').append(tarr);
内容1标题
内容2标题
内容1
内容2
内容3总目
内容4标题
内容3
内容4
您是否收到任何类型的错误?这是输出:NaN[object object]Content 3 Head请参考此代码@Rajesh$('table tr td:odd')
是一个对象。您可能需要$('table tr td:odd').html()
相反,我做了修改。但是可以在循环中循环吗?很好!Ritest Khandekar。谢谢,但我相信Ritesh Khandekar上面的答案对我来说更容易理解。再次感谢!
[0] = th1
[1] = td1
[2] = th2
[3] = td2
...