如何搜索和排序li&x27;谁在使用jquery?

如何搜索和排序li&x27;谁在使用jquery?,jquery,html,search,sorting,Jquery,Html,Search,Sorting,我有一些li,我想使用jquery进行排序和搜索 我找到了 分类 并在李家里搜索 是否有一个好的插件可以处理这两件事(搜索+排序),或者是如何在上面的链接中组合到两个解决方案 编辑:简言之,我正在搜索类似的东西,但它不应该是一个表,而应该是一个ul和李的 谢谢 嗯,我总是喜欢在自己的代码中做这样的事情,因为差异太大了 一个好的开始是将所有LI对象保存在一个数组中(该数组已经拥有一些简单的排序方法) 在数组中搜索和排序应该不是问题 var li_elements = []; for(var i =

我有一些li,我想使用jquery进行排序和搜索

我找到了 分类 并在李家里搜索

是否有一个好的插件可以处理这两件事(搜索+排序),或者是如何在上面的链接中组合到两个解决方案

编辑:简言之,我正在搜索类似的东西,但它不应该是一个表,而应该是一个ul和李的


谢谢

嗯,我总是喜欢在自己的代码中做这样的事情,因为差异太大了

一个好的开始是将所有LI对象保存在一个数组中(该数组已经拥有一些简单的排序方法)

在数组中搜索和排序应该不是问题

var li_elements = [];
for(var i = 0; i < 10; i++){
    var exampleli = $('<li/>', {text: 'I am an example', id: 'id'+i});
    li_elements.push(exampleli);
}
var li_元素=[];
对于(变量i=0;i<10;i++){
var exampleli=$('
  • ',{text:'我是一个例子',id:'id'+I}); li_元素。推送(例如li); }

  • 现在,您可以排序/搜索/删除,并最终将这些li添加到UL元素。

    最简单的方法可能是迭代所有li项,并将它们分配到一个数组,然后再进行排序:

    var output = [];
    $("LI.myclass").each(function()
    {
        // Assumes your sort criteria is a numeric something in a class name.
        var res = $(this).attr("class").match(/\bmysome(\d+)\b/);
        if (!res) continue;
        output[res[1]] = this;
    });
    
    // output now contains all the LIs with numeric indexes according to your search
    // criteria - sort them!
    output.sort();
    
    // Assign the LIs
    $("UL#mylist").html("").append(output);