javascript - 选择器并遍历 Div 中的表

Question

我一直在研究这个，但无法让这个迭代器工作。我有以下 HTML 并尝试遍历所有行(第一行除外)并提取单元格 (td) 2 和 3 中的值:

<div id="statsId">
   <table width="220" cellspacing="0" cellpadding="0" border="0">
      <tbody>
         <tr>
            <td width="65"/>
            <td width="90"/>
            <td width="65"/>
         </tr>
         <tr style="font-weight: bold;">
            <td align="left">$1.00</td>
            <td>
               <a href="#">UserID1</a>
            </td>
            <td>Single</td>
         </tr>
         <tr>
            <td align="left">$6.99</td>
            <td>
               <a href="#">UserID2</a>
            </td>
            <td>Multiple</td>
         </tr>
         <tr>...
     .....(snip)

我尝试使用以下迭代器遍历除作为“div#statsID”子项的表的第一行之外的所有内容，并获取第二个和第三个单元格的值(在示例中，第一个提取的单元格将具有“UserID1”和“Single”的值)，但它不起作用。

$('div#statsId > table tr:not(:nth-child(1))').each(function(i, ele) {
           var secondCol = $('td:nth-child(2)', ele).innerHTML
           var thirdCol= $('td:nth-child(3)', ele).text()
    .....
  });

对于如何指定和遍历作为 div 的子表的行(第一行除外)的任何建议，我们将不胜感激。

Answer 1

$("#statsId > table tbody tr:not(:first)").each ( function() {
    var secondCol = $(this).find('td:nth-child(2)').html();
    var thirdCol= $(this).find('td:nth-child(3)').text();
});

注意

1. 您可以独立使用 id 选择器。无需使用标签名称。

2. jQuery 对象没有 innerHTML。使用 html()相反