首页
学习
活动
专区
圈层
工具
发布

按自定义排序顺序对jQuery中的Div进行排序

在 jQuery 中,可以使用 sort() 函数对 Div 进行自定义排序。

以下是一个示例代码:

代码语言:javascript
复制
// 获取所有 Div 元素
var divs = $("div");

// 定义排序规则
var sortOrder = [ "div3", "div1", "div2" ];

// 使用自定义排序规则对 Div 进行排序
divs.sort(function(a, b) {
  return sortOrder.indexOf($(a).attr("id")) - sortOrder.indexOf($(b).attr("id"));
});

// 将排序后的 Div 重新添加到页面中
$.each(divs, function(index, div) {
  $("#container").append(div);
});

在上面的示例代码中,我们首先获取了所有的 Div 元素,然后定义了一个排序规则 sortOrder,其中包含了我们希望的排序顺序。接着,我们使用 sort() 函数对 Div 进行排序,并使用自定义排序规则。最后,我们将排序后的 Div 重新添加到页面中。

需要注意的是,上面的示例代码中,我们使用了 indexOf() 函数来获取每个 Div 在排序规则中的位置,如果某个 Div 不在排序规则中,则其位置为 -1,这样该 Div 将会被放在最后。如果需要按照其他规则进行排序,可以根据具体情况修改排序函数。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券