参见英文答案 > How to sort out elements by their value in data- attribute using JS 1个
我有以下标记:
ottoms
元素在data-category-group属性中可以具有不同的组名.我希望能够对元素进行排序,以便具有牛仔裤组的元素将在DOM中相互追随.
我有一个想法,试图通过将HTML集合转换为数组然后对它们进行排序来解决这个问题.但它似乎无法以这种方式工作.
这是我的JavaScript:
var categoryItems = document.querySelectorAll("[data-category-group]");
var categoryItemsArray = Array.from(categoryItems)
document.getElementById("demo").innerHTML = categoryItemsArray;
function myFunction() {
categoryItemsArray.sort();
document.getElementById("demo").innerHTML = categoryItemsArray;
}
怎么能实现这一目标?
最佳答案
您可以(并且应该)使用Array#sort,只需传递一个检查data-category-group属性的函数:
var categoryItems = document.querySelectorAll("[data-category-group]");
var categoryItemsArray = Array.from(categoryItems);
let sorted = categoryItemsArray.sort(sorter);
function sorter(a,b) {
if(a.dataset.categoryGroup < b.dataset.categoryGroup) return -1;
if(a.dataset.categoryGroup > b.dataset.categoryGroup) return 1;
}
document.querySelector("button").onclick = () => sorted.forEach(e => document.querySelector("#demo").appendChild(e));
ottoms
原文地址:https://www.jb51.cc/html/426629.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。