Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将表(tr th:偶数和tr td:偶数和th:odd和td:odd)附加到新表中_Javascript_Jquery_Html - Fatal编程技术网

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
    ...