在Jquery对象中获取第四个TD的HTML

Question

我的表格格式为：

   <tr>
    <td>001</td>
    <td>Value/td>
    <td>Value</td>
    <td>John Smith</td>
   </tr>

我有一个变量pID，我想与第一个单元格进行比较（即 - 001）。我这样做有以下几点：

  selectedTD = table
      .find('td')
      .filter(
        function() {
          return this.innerText === pID
        });

这给了我整行作为一个对象，现在我只想抓住第四个TD的HTML（即 - 约翰史密斯）。

首先将selectedTD转换为字符串，然后使用正则表达式，还是可以存储第四个TD的值而不必这样做？

我尝试使用选择器td：nth-​​child（4）作为过滤器，但我不明白我应该在什么时候使用它。

Answer 1

您可以使用:nth-child选择器选择第n个元素：

 $("td:nth-child(4)")

注意：第n个子选择器有1个基于索引。

<强>更新：

selectedfourthTD = table
  .find('td')
  .filter(
    function() {
      return this.innerText === pID
    }).eq(3);