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

时间:2015-02-03 15:47:09

标签: javascript 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调用,您可以看到切换有效...问题实际上是提取和连接。)

1 个答案:

答案 0 :(得分:2)

  

TypeError:this.text不是函数

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

更新小提琴:http://jsfiddle.net/8aszmfkq/3/