在 jQuery 中使用输入框对动态表进行排序
Sorting Dynamic Tables With Input Boxes in jQuery
我已经演示了我在jsFiddle中尝试做的事情:http://jsfiddle.net/clowerweb/SbNdb/
只需单击表格标题即可排序(您可能需要单击多次!
所以我这里有一个动态表格,用于添加和删除可以拥有可变数量条目的比赛参赛者(最终它也将被保存,并随机选择一个获胜者)。
我认为输入参赛者的用户可能也希望能够按字母顺序或按条目数量对列表进行排序。我在SO上找到了一个不错的表排序器脚本,并将其添加到我的jQuery函数中。
问题是,它似乎没有读取输入值。它将双向反转表的顺序并将其恢复为默认值,但实际上不会按输入值对它们进行排序。
这可能是以下两个问题之一:
- 最有可能的是它根本没有读取输入值。
- 它也无法实际看到动态添加的行(虽然看起来它在点击时循环浏览表格,所以我不要怀疑这是问题所在。
任何帮助都非常感谢,谢谢!
您在comparator function
中得到的是 td
,因此要根据input
进行排序,您需要在该td
中搜索它们并与text field's values
进行比较。所以比较器功能看起来像
function(a, b) {
return $(a).find('input').val() > $(b).find('input').val() ?
inverse ? -1 : 1
: inverse ? 1 : -1;
}
工作小提琴
相关文章:
- 无限滚动,动态数据按上次修改状态排序
- jQuery UI排序无法使用动态表
- 用于表排序、导出、动态行生成的任何Javascript/jQuery库
- 如何在动态表更新后刷新整个表排序缓存
- 通过javascript和php动态排序表以及其他一些选择标准
- DOM元素上动态创建的ID的排序一致性
- 动态生成<选择>未显示已排序列表中的第一个项目
- 如何对动态值的子指令进行排序
- AngularJS 服务器端排序与分页 - 动态值
- CKEDITOR内联在动态创建的元素上(可删除/可排序)
- 对动态填充的对象数组进行排序
- 根据所选排序动态更改结果
- 动态填充表时突出显示和排序问题
- 动态 jquery ui 可排序块的索引/位置
- 动态 JQuery UI 中的表排序器不起作用
- 删除动态元素并对这些元素的值和 ID 重新排序
- 动态排序AppendTo
- 用行分类动态排序HTML表
- jQuery - 动态排序 html 表行,不使用 ui-sortable
- 动态排序表在更新时丢失排序