Javascript 如何使用jQuery对div标记进行客户端排序？

我想允许web应用程序的用户在没有服务器调用的情况下对查询结果进行排序。我正在寻找通常类型的单击标题以根据列进行排序

但是，我并没有使用实际的表。我将根据内容操作div标记。有没有一种jQuery方法可以帮助您实现这一点？

将引导您沿着所寻求的道路前进。它的重点是对html表格中的表格数据进行排序，但是您可以轻松地将示例重新用于处理一组div或list元素，或者其他任何内容

一些指南教授了原始JavaScript技术，并加入了jQuery以获得支持，因此这是一个很好的指南。例如，它教您如何使用JavaScript的内置

sort（）

方法。要按字母顺序排序吗？下面是该指南中的一个修改片段：

var parent_of_divs = $('#parent-of-divs'), rows;
rows = parent_of_divs.children('div').get();
rows.sort(function(a, b) {
    var keyA, keyB;
    keyA = $(a).text().toUpperCase();
    keyB = $(b).text().toUpperCase();
    if (keyA < keyB) return -1;
    if (keyA > keyB) return 1;
    return 0;
});
$.each(rows, function(index, row) {
    parent_of_divs.append(row);
});

var parent_of_divs=$（'#parent of divs'），行；
rows=子项（'div'）.get（）的父项；
行排序（函数（a，b）{
var-keyA，keyB；
keyA=$（a.text（）.toUpperCase（）；
keyB=$（b.text（）.toUpperCase（）；
if（keyAkeyB）返回1；
返回0；
});
$.each（行，函数（索引，行）{
追加（行）的父项；
});

将引导您沿着所寻求的道路前进。它的重点是对html表格中的表格数据进行排序，但是您可以轻松地将示例重新用于处理一组div或list元素，或者其他任何内容

一些指南教授了原始JavaScript技术，并加入了jQuery以获得支持，因此这是一个很好的指南。例如，它教您如何使用JavaScript的内置

sort（）

方法。要按字母顺序排序吗？下面是该指南中的一个修改片段：

var parent_of_divs = $('#parent-of-divs'), rows;
rows = parent_of_divs.children('div').get();
rows.sort(function(a, b) {
    var keyA, keyB;
    keyA = $(a).text().toUpperCase();
    keyB = $(b).text().toUpperCase();
    if (keyA < keyB) return -1;
    if (keyA > keyB) return 1;
    return 0;
});
$.each(rows, function(index, row) {
    parent_of_divs.append(row);
});

var parent_of_divs=$（'#parent of divs'），行；
rows=子项（'div'）.get（）的父项；
行排序（函数（a，b）{
var-keyA，keyB；
keyA=$（a.text（）.toUpperCase（）；
keyB=$（b.text（）.toUpperCase（）；
if（keyAkeyB）返回1；
返回0；
});
$.each（行，函数（索引，行）{
追加（行）的父项；
});

请参阅有关li项目排序的信息。只要稍作改动，它也可以应用于您的案例中。除此之外，建议使用该插件。

请参阅此部分，了解如何对li项进行排序。只要稍作改动，它也可以应用于您的案例中。除此之外，推荐使用该插件。

您可能需要研究使用jquery模板库。可以创建样板，然后将数据对象传递给样板进行渲染。当您想要更改排序顺序时，可以更改数据对象，然后“更新（）”模板

您可能需要研究如何使用jquery模板库。可以创建样板，然后将数据对象传递给样板进行渲染。当您想要更改排序顺序时，可以更改数据对象，然后“更新（）”模板

这里有一个ok的例子：

---

我觉得很不错。此外，它是一个轻量级插件（如果您不想实现自己的插件）。对我来说，代码非常清晰，尽管我对这门语言还不熟悉

这里有一个ok的例子：

---

我觉得很不错。此外，它是一个轻量级插件（如果您不想实现自己的插件）。对我来说，代码非常清晰，尽管我对这门语言还不熟悉

您能演示这个jQuery将要处理的代码吗？插件可能是一种方式，但代表性的标记可能会建议另一种方式。您能演示一下这个jQuery将使用的代码吗？一个插件很可能是一条路，但代表性的标记可能会建议另一条路。