javascript - JQuery 显示来自可见 HTML 表格单元格的文本的串联列表

Question

我有一个简单的表格。每行的第一个 td 中都有一个农民的名字(例如“farmer1”、“farmer2”等)。因此，每一行代表不同农民的信息。假设由于某种正当原因某些行被隐藏。在任何给定时间，我希望能够显示表格中可见的农民列表。

例如，如果我的表的状态如下所示

Farmer #  | apple | orange | pear
farmer2   |   0   |   1    |  1 
farmer3   |   0   |   1    |  0
farmer4   |   0   |   1    |  0

我想要一个链接，单击该链接将切换页面区域上以下字符串(文本)的可见性:

farmer2 farmer3 farmer4

这是一个几乎功能齐全的解决方案:jsfiddle.net/8aszmfkq/2/

我不明白的部分是如何提取每个可见行的第一个 td 中的文本，连接提取的文本，并将连接的文本写入 div。 (如果删除对 updateFarmerList() 的 JS 调用，您可以看到切换有效......问题实际上是提取和连接。)

Answer 1

TypeError: this.text is not a function

请将$(this.text())更正为$(this).text()

更新了 fiddle :http://jsfiddle.net/8aszmfkq/3/