Javascript 使用JS或JQ通过后端生成的排序列表

我知道这个问题以前被问过很多次，因为我已经查看了关于这个主题的大部分帖子。 我正在使用视图模式切换器以平铺和列表格式获取数据。这很好，但由于使用列表，我无法轻松获得排序部分

我已经尝试过下面的代码，但这命令数据从高到低再到高，这有点没用，因为我需要像选择这样的3个选项

从低到高 从高到低 随机/默认 document.AddEventListenerDomainContentLoaded，函数E{ Array.prototype.slice.calldocument.querySelectorAll'.listWrapper li'.SortFunction A，b{ 返回一个.getAttribute'data-position'.localeCompareb.getAttribute'data-position'； }.forEachfunctioncurrValue{ currValue.parentNode.appendChildcurrValue； }; }; 于是我试着

var divList=$.qaz； 函数sortPriceHighLow{ divList.sortfunctiona，b{返回$b.dataprice-$a.dataprice}； $ISOTOX grid.htmldivList；} 函数sortPriceLowHigh{ divList.sortfunctiona，b{返回$a.dataprice-$b.dataprice}； $ISOTOX grid.htmldivList；} 这完全改变了切换器的布局，不起作用

这是我的html注释类名和ID与js文件中的类名和ID不同，这是因为我一整天都在尝试不同的方法，所以不要评论它不起作用，因为名称不同

{productsInfo%中x的%s} {{x.title}} %endfor%} 所以，如果有人用select软件通过价格对数据进行排序，我会感到惊讶。 祝您愉快

您可以使用li标记中的数据位置属性，然后对结果进行排序，并使用.html再次将其添加到listWrapper中。然后，为了生成random，您可以在$listWrapper li:eq+j+之前获得li的长度并附加lis，其中j是random position

演示代码： var divList=$.listWrapper li； 函数sortPriceHighLow{ //从li获取attr位置 var result=divList.sortfunctiona，b{ 返回$b.dataposition-$a.dataposition }; $.listWrapper.htmlresult；//在ul中添加结果 } 函数sortPriceLowHigh{ var result=divList.sortfunctiona，b{ //使用属性位置 返回$a.dataposition-$b.dataposition }; $.listWrapper.htmlresult；//在ul中添加结果 } 随机函数{ var length=$'.listWrapper li'.length//获取li的长度 $'.listWrapper li'.eachfunction{ j=Math.floorMath.random*length；//只需获取random否 $this.before$.listWrapper li:eq+j+；//附加它们 } } 从高到低 从低到高 随机的 12 13 14 15