如何获得第一个td元素

Question

假设有这个HTML代码：

<tr id="row_1">
 <td>1</td>
 <td>Text</tr>
</tr>

<tr id="row_2">
 <td>2</td>
 <td>home</tr>
</tr>

<tr id="row_n">
 <td>n</td>
 <td>n row</tr>
</tr>

我只需要连续使用第一个td元素，所以我这样做：

$('[id^="row_"] > td ').each(function(){

});

但是这个jquery代码不起作用，因为它让我得到了tr的所有第一个td子项，但我只想要tr的第一个td子句。有人可以帮忙吗？

Answer 1

也许这个：

$('[id^="row_"] > td:first-child')

Answer 2

你应该使用：first-child

您可以使用.each（）。

执行此操作

示例：

$('td:first-child').each(function() {
    console.log($(this).text());
});

Answer 3

您可以像这样使用:first-child：

var firstTd = $('td:first-child');

参考：https://api.jquery.com/first-child-selector/