Jquery 获得具有特定类的第 n 个孩子

Question

我有一个 html 表如下

<table id = "table1">
<tr>
    <td class="take">1</td>
    <td>2</td>
    <td>3</td>
    <td class="take">4</td>
    <td>5</td>
    <td class="take">6</td>
</tr>
<tr>
    <td class="take">11</td>
    <td>12</td>
    <td>13</td>
    <td class="take">14</td>
    <td>15</td>
    <td class="take">16</td>
</tr>
</table>

我想得到一个 jquery 选择器，它让我在第一个表中获得第二个td类。:) 有趣吧？但是很痛。taketr

我在下面试过。

$("#table1").find('tr:first-child td.take:nth-child(2)').text()

但是没有用。

编辑：我想要td文本 4 而不是 2

我做了一个小提琴来玩。

在这里摆弄

Answer 1

您可以:first将第一行tr与索引为 1 的 `:eq' 选择器一起用于定位其中的第二个 td 元素：

$("#table1").find('tr:first td.take:eq(1)').text();

工作演示