jQuery获取具有特定类的nth-child [英] Jquery get nth-child having a particular class

问题描述

我有一个html表，如下所示

I have a html table as follows

<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选择器，该选择器使我在表的第一个tr中得到第二个td类. :)好笑吧?但这很痛苦.

I would like to get a jquery selector which gets me the second td having class of take in the first tr of table. :) funny huh? But it pains.

我在下面尝试过

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

但是没有用.

我希望td的文字4而不是2

I want td having text 4 not 2

我在玩弄小提琴.

在这里拨弄

推荐答案

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

You can use :firstto target first row tr along with `:eq' selector with index 1 to target 2nd td element in it:

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

工作演示

Working Demo

这篇关于jQuery获取具有特定类的nth-child的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！