</p> </div> </div> <div class="modelbg"></div> <script src=" <script>tongji();</script> <script> //排序 var btnc = 0 $(".sorting a").click(function () { btnc++ if (btnc == 1) { $(".sorting a").eq(1).hide() $(".sorting a").eq(0).show() } else { $(".sorting a").eq(0).hide() $(".sorting a").eq(1).show() btnc = 0 } }) var domArr = []; var htmlArr = []; var allArr = []; //从小到大排序 function smallToBig() { allArr.sort(function (a, b) { return a.name - b.name }); appendDom(); } //从大到小排序 function bigToSmall() { allArr.sort(function (a, b) { return b.name - a.name }); appendDom() } //取出所有li的data-num属性放进数组 getDom() function getDom() { $('#catalog ul li').each(function (m) { domArr[m] = $(this).attr("data-num"); htmlArr[m] = $(this).html(); }) for (var i = 0; i < domArr.length; i++) { var activeSubjectsObject = {}; for (var j = 0; j < htmlArr.length; j++) { if (i == j) { activeSubjectsObject.name = domArr[i]; activeSubjectsObject.value = htmlArr[j]; allArr.push(activeSubjectsObject); } } } // console.log(allArr.length) } //铺数据 function appendDom() { $("#catalog ul").html("") for (i = 0; i < allArr.length; i++) { $('#catalog ul').append( `<li data-num=${allArr[i].name}>${allArr[i].value}</li>` ); } } </script> </body> </html>