Jquery 实现可排序列表

我正在使用RubyonRails3.0.9、jQuery1.6.2和jQueryUI。我有以下HTML列表：

<ul>
  <li>
  <div class="left">
    <%= link_to 'NAME', '#' %>
  </div>
  <div class="right">
    <%= link_to 'SURNAME', '#' %>
  </div>
  <div class="middle">
    <%= link_to 'AGE', '#' %>
  </div>
  </li>

  <li>
  <div class="left">
    Test name1 value
  </div>
  <div class="right">
    Test surname1 value
  </div>
  <div class="middle">
    Test age1 value
  </div>
  </li>

  <li>
  <div class="left">
    ...
  </div>
  <div class="right">
    ...
  </div>
  <div class="middle">
    ...
  </div>
  </li>
</ul>

当我点击

AGE

时，我想要：

 NAME*     SURNAME     AGE
---------------------------
 Name1     Surname1    20
 Name2     Surname2    25
 Name3     Surname3    30
 Name4     Surname4    24
 ...       ...         ...

 NAME      SURNAME     AGE*
---------------------------
 Name1     Surname1    20
 Name4     Surname4    24
 Name2     Surname2    25
 Name3     Surname3    30
 ...       ...         ...

---

我该怎么做\code？你对有什么建议（也许我必须使用HTML

..

而不是

..

）？我建议你看看。如果没有必要，就跳过ajax部分

---

如果您喜欢使用

标记而不是

标记，则可以使用

标记，因为基本上您只是在单击链接时设置订单参数

如果您使用一个表，您可以使用许多表/排序插件中的一个，如：

---

此外，我认为表格肯定更适合这种数据。（而且语义上更正确）

我建议与Andy做同样的事情：使用js模块在客户端完成这项工作（假设一次将整个数据集发送到客户端）。我推荐。

我曾经尝试在没有插件的情况下实现排序功能。但是当我想做一些额外的功能，比如过滤、分页等，我就不知所措了。因此，我建议进行排序和筛选，并将其与分页相结合。对于ajax，使用Chaker-Nakhli建议。值得一试。

是否可以使用jQuery\jQuery UI而不是外部插件来实现这一点？它们没有包含该功能，但如果您不想使用已经存在的插件，您可以自己编写这样的插件。是否可以使用jQuery\jQuery UI而不是外部插件来实现这一点？您可以编写自己的代码当然例如，在每个排序链接上绑定click事件以执行以下操作：获取列表项的内容，在内存中排序，清除列表内容，然后附加已排序的列表元素。编写.Upvote代码应该不会太久，但我建议使用，而不是像本RailsCast中所示的那样使用。