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

我有一个简单的表格。 在每行的前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 调用，您可以看到切换工作...问题实际上是提取和连接。