在tr中选择td元素

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标签。

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

<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);

jsfiddle中的示例

Answer 2

尝试，

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