Jquery 将表值加载到数组中，然后输出到另一个表

HTML:

将这些表值加载到数组中

数
计数
1.
10
2.
80
3.
25
4.
30
5.
45
6.
35
7.
12
8.
10
9
21
将数组值输出到此表

数
计数

JS:

var i=0；
var值=数组（）；
$（“表tr td”）。每个（功能（i、v）{
值[i]=$（this.text（）；
})
表生成（值）；
函数表生成（值）{
对于（i=0；i

---

松散地基于。这会将两列表的值加载到一个数组中，然后将数据输出到另一个两列表中，但我希望分别加载和输出两列数据，而不是像我当前所做的那样，将两列数据加载到一个数组中，然后再输出第二列的每一个数组值。我如何分别处理两列（或更多）数据（2个数组）？

这就是您要找的

var i = 0;
var values = Array();
$("table tr td").each(function(i, v) {
    values[i] = $(this).text();
})
tablegenerate(values);

function tablegenerate(values) {
    for (i = 0; i < values.length;) {
        var $formrow = '<tr><td>' + values[i] + '</td><td>' + values[i + 1] + '</td><tr>';
        i = i + 2;
        $('.myTable').append($formrow);
    }
}

然后，您可以访问任意一行，如下所示：

$("table tr:has(td)").each(function(i, v){
    whole_table[i] = Array();
    $(this).children('td').each(function(ii, vv){
      whole_table[i][ii] = $(this).text();
    }); 
});

函数tablegenerate（）{
对于（i=0；i<整表长度；i++）{
var$formrow=''+整张表[i][0]+''+整张表[i][1]+''；
$（'.myTable'）。追加（$formrow）；
}
}

例如，只需删除两个

中的第二个

，您就可以只拥有该号码

将这些表值加载到数组中

数
计数
1.
10
2.
80
3.
25
4.
30
5.
45
6.
35
7.
12
8.
10
9
21
将数组值输出到此表

数
计数
var i=0；
var值=数组（）；
//将表值读入数组
$（“表tr td”）。每个（功能（i、v）{
值[i]=$（this.text（）；
//如果i为奇数，则输出行
如果（i%2！=0）{
$（'.myTable'）。追加（''+值[i-1]+''+值[i]+''）；
} 
});

这种方法简单得多；它在读取表格时输出表格。不需要“for”循环。

---

JSFiddle here:

为什么不能直接克隆行？真的不清楚你到底想做什么。描述令人困惑

var only_count = Array();
$("table tr:has(td)").each(function(i, v){
    only_count[i] = $(this).children('td:nth-of-type(2)').text();
});

function tablegenerate_only_count() {
    for (i = 0; i < only_count.length; i++) {
        var $formrow = '<tr><td>' + only_count[i] + '</td><tr>';
        $('.count-table').append($formrow);
    }
}

$("table tr:has(td)").each(function(i, v){
    whole_table[i] = Array();
    $(this).children('td').each(function(ii, vv){
      whole_table[i][ii] = $(this).text();
    }); 
});

function tablegenerate() {
    for (i = 0; i < whole_table.length; i++) {
        var $formrow = '<tr><td>' + whole_table[i][0] + '</td><td>' + whole_table[i][1] + '</td><tr>';
        $('.myTable').append($formrow);
    }
}

<p>Load these table values into an array</p>
<table>
  <tr>
    <th>Number</th>
    <th>Count</th>
  </tr>
  <tr>
    <td>1</td>
    <td>10</td>
  </tr>
  <tr>
    <td>2</td>
    <td>80</td>
  </tr>
  <tr>
    <td>3</td>
    <td>25</td>
  </tr>
  <tr>
    <td>4</td>
    <td>30</td>
  </tr>
  <tr>
    <td>5</td>
    <td>45</td>
  </tr>
  <tr>
    <td>6</td>
    <td>35</td>
  </tr>
  <tr>
    <td>7</td>
    <td>12</td>
  </tr>
  <tr>
    <td>8</td>
    <td>10</td>
  </tr>
  <tr>
    <td>9</td>
    <td>21</td>
  </tr>
</table>


<p>Output array values to this table</p>
<table class="myTable">
    <tr>
        <th width="10%">Number</th>
        <th width="10%">Count</th>
    </tr>
</table>

<!--Script outputs table values as they are read-->
<script>
var i = 0;
var values = Array();
//Read table values into an array
$("table tr td").each(function(i, v){
        values[i] = $(this).text();

//If i is odd, output the rows
if (i % 2 != 0) {
$('.myTable').append('<tr><td>'+values[i-1]+'</td><td>'+values[i]+'</td><tr>');
} 
});
</script>