Question

以下是我要使用javascript / jquery

处理的代码

在评论之后编辑下面的代码块

    <table>
       <tbody>
<tr class="promote">
           <td>1</td>
           <td><span class="team_logo visible-lg visible-sm" style=""></span><a class="team_name " href="/team/show/7473/Power-Hiters">Power Hiters</a><span class="online" title="user is online"></span></td>
           <td style="text-align:center">5</td>
           <td style="text-align:center">10</td>
           <td style="text-align:center">5</td>
           <td style="text-align:center">0</td>
           <td style="text-align:center">0</td>
           <td style="text-align:center">6.713</td>
        </tr>
<tr> <!-- Similar Above tr Content --> </tr>
          <tr> <!-- Similar Above tr Content --> </tr>
          <tr> <!-- Similar Above tr Content --> </tr>
       </tbody>
    </table>

我想使用javascript / jquery

获取数组中每个<td>标记的内部内容/ html

额外信息：

当我尝试时，似乎jquery剥离了td和tr标记。

我想要做的实际事情是在每个td的多维数组中提取tr 表结构：

<table>
   <tbody>
      <tr> <!-- Above tr Content --> </tr>
      <tr> <!-- Above tr Content --> </tr>
      <tr> <!-- Above tr Content --> </tr>
   </tbody>
</table>

Answer 1

由于您需要多维数组，因此需要：

创建一个包含所有表格数据的数组
遍历所有tr并每行创建一个数组
将该数组推送到第一个数组中，该数组包含所有表数据。

类似的东西：

var tableContent = [];
$('table tr').each(function(){
  var trcontent = [];
  $('td', this).each(function(){ trcontent.push($(this).text()); });
  tableContent.push(trcontent);
})

console.log(tableContent);

example in jsfiddle

Answer 2

尝试，

var arr = $("#cache").find('td').map(function(){ return this.textContent; }).get();

在tr中选择td元素

2 个答案: