javascript - jquery选择表中tr的第一个td，然后迭代结果并将文本与值进行比较

Question

有一个像这样的表:

<table id="table_1">
<tr><td>1</td><td>foo</td></tr>
<tr><td>2</td><td>foo</td></tr>
<tr><td>3</td><td>foo</td></tr>
<tr><td>4</td><td>foo</td></tr>
</table>

我想获取每个表行的第一个 td。然后我想迭代结果并将 td 中包含的文本值与我拥有的值进行比较。

到目前为止，我可以使用以下方法获取每个 tr 的第一个 td:

var test = $("#table_1").find('td:first-child');

然后我得到 tds 的数量:console.log(test.length);但是当我尝试获取 td 的文本时，我收到错误:console.log(test[1].text());错误:

Uncaught TypeError: test[1].text is not a function

显然我做错了什么。难道我的思维方式有问题吗？我该如何修复它？

Answer 1

test 是所有第一个子元素的 jquery 对象。您应该使用 .eq(0) 或 .first() 来定位集合中的第一个元素:

 console.log(test.eq(0).text());

或

 console.log(test.first().text());

更新:获取数组中第一个子 td 元素的所有文本

 var allfirsttdtext = test.map(function(){
     return $(this).text();
 }).get();

<强> Working Demo