在jQuery中使用输入框对动态表进行排序

时间:2012-05-24 01:05:12

标签: javascript jquery

我已经在jsFiddle中对我要做的事情进行了演示:http://jsfiddle.net/clowerweb/SbNdb/

只需点击表格标题即可进行排序(您可能需要多次点击!)

所以我在这里有一个动态表格,用于添加和删除可以拥有可变数量条目的参赛者(最终它也是可以保存的,并选择随机获胜者)。

我认为输入参赛者的用户可能也希望能够按字母顺序或按参赛作品的数量对列表进行排序。我在SO上找到了一个很好的表分类器脚本,并将它添加到我的jQuery函数中。

问题,它似乎没有读取输入值。它将以两种方式反转表的顺序并将其恢复为默认值,但实际上它不会通过输入值排序

这可能是两个问题之一:

  1. 最有可能的是它根本就没有读取输入值。
  2. 它也可能无法实际看到动态添加的行 (虽然它似乎在点击时循环通过表,所以我 不要怀疑这个问题。)
  3. 任何帮助非常赞赏,谢谢!

1 个答案:

答案 0 :(得分:3)

您在comparator function中获得的是td,因此要根据您需要在input内搜索td进行排序,并与{进行比较{1}}。所以比较器函数看起来像

text field's values

Working Fiddle