以下是使用jQuery按属性对DOM元素进行排序的解决方法的示例代码:
HTML代码:
- Item 1
- Item 2
- Item 3
- Item 4
JavaScript代码:
// 使用jQuery选择器选中需要排序的元素
var $list = $('#myList');
// 使用`get()`方法将选中的元素转换为原生DOM数组
var items = $list.get();
// 使用JavaScript的`sort()`方法对DOM元素进行排序
items.sort(function(a, b) {
var priceA = parseInt($(a).data('price'));
var priceB = parseInt($(b).data('price'));
return priceA - priceB;
});
// 清空原始列表
$list.empty();
// 将排序后的元素重新添加到列表中
$.each(items, function(index, item) {
$list.append(item);
});
这段代码首先使用jQuery选择器选中需要排序的元素,然后使用get()
方法将选中的元素转换为原生DOM数组。接下来,使用JavaScript的sort()
方法对DOM元素数组进行排序,根据元素的data属性值进行排序。最后,清空原始列表并将排序后的元素重新添加到列表中。