使用jquery获取tr的第二个td

Question

我正在尝试获取tr的td值..但遗憾的是它不起作用..可能有问题

我的HTML看起来像

<tr class="dname">
     <td>abc</td>
      <td>value here</td>
</tr>

我的jquery代码是

  jQuery(".dname").find("tr td:eq(1)").val();

这有什么不对？

Answer 1

jQuery find()方法返回所选元素的后代。您已经选择<tr>类dname，然后尝试查找也是<tr>的后代。

https://api.jquery.com/find/

以下内容应该有效：

jQuery(".dname").find("td:eq(1)").text();

编辑：text()代替val()，@ freedomn-m指出

Answer 2

将n替换为子号

$(".dname td:nth-child(n)").text();

例如为第二个孩子

$(".dname td:nth-child(2)").text();

Answer 3

您已经按类名称对tr进行了过滤，因此无需再次tr找到。

jQuery(".dname").find("td:eq(1)").text()

此外，您需要.text()才能获得<td>而不是.val()的内容。

JSBin此处。

希望这会有所帮助：）

Answer 4

因为<td>是<tr>的最后一个孩子，您可以像下面一样访问它，

jQuery(".dname > td:last-child").text();

Answer 5

只是要指出，如果要在单元格中插入一些特定值，请执行以下操作（例如，如果需要在表单元格中显示文本TEST）：

$（“。dname td：nth-​​child（n）”）。text（“ TEST”）;