Question

我试图根据单元格的文本得到td:nth-child的数量，假设我有这张表：

<table class="table" id="inputTable">
      <thead>
        <tr>
          <th>Id</th>
          <th>Name</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td><span>mike</span></td>
        </tr>
        <tr>
          <td>2</td>
          <td><span>eric</span></td>
        </tr>
        <tr>
          <td>3</td>
          <td><span>jonas</span></td>
        </tr>
    </tbody>
</table>

我想知道使用filter方法时td:nth-child的值是什么，并找到等于jonas的单元格文本，是否可以使用jquery？

Answer 1

对于td索引

$('tr span:contains("jonas")').closest('td').index();  //output 1

对于tr索引

$('tr span:contains("jonas")').closest('tr').index();  // output 2

索引从0开始，因此您需要为nth-child添加+1 ..

Demo

关于我想知道td：nth-child 的价值是什么，你可以使用这样的东西

$('tr:nth-child(2) td:nth-child(2)').text()   // nth-child starts from 1 not like index from 0

上面的代码将为您提供第二个tr tr:nth-child(2)和第二个td 此tr td:nth-child(2)上的文字，如果您有输入，则需要使用.val()代替.text()

Demo

如何使用基于文本的jquery获取表中td的nth-child值

1 个答案: