在 jQuery 中,可以使用 sort()
函数对 Div 进行自定义排序。
以下是一个示例代码:
// 获取所有 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 将会被放在最后。如果需要按照其他规则进行排序,可以根据具体情况修改排序函数。
领取专属 10元无门槛券
手把手带您无忧上云