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