<li data-num="29"></li>

 

 

<li data-num="30"></li>

 

 

<li data-num="31"></li>

 

 

<li data-num="32"></li>

 

 

<li data-num="33"></li>

 

 

<li data-num="34"></li>

 

 

<li data-num="35"></li>

 

 

<li data-num="36"></li>

 

 

<li data-num="37"></li>

 

 

<li data-num="38"></li>

 

 

<li data-num="39"></li>

 

 

<li data-num="40"></li>

 

 

<li data-num="41"></li>

 

 

<li data-num="42"></li>

 

 

<li data-num="43"></li>

 

 

<li data-num="44"></li>

 

 

<li data-num="45"></li>

 

 

<li data-num="46"></li>

 

 

<li data-num="47"></li>

 

 

<li data-num="48"></li>

 

 

<li data-num="49"></li>

 

 

<li data-num="50"></li>

 

 

<li data-num="51"></li>

 

 

<li data-num="52"></li>

 

 

<li data-num="53"></li>

 

 

<li data-num="54"></li>

 

 

<li data-num="55"></li>

  </ul>

</div>

</div>

</div>

<div class="setbox">

<div class="setli">

<ul>

<li>

<label>背景</label>

<div class="setbg">

</div>

</li>

<li><label>字体</label>

<div class="setfontf">

</div>

</li>

<li><label>字号</label>

<div class="setfontsize">

<input class="sizenum" type="text" value="18">

</div>

</li>

</ul>

</div>

</div>

<div class="foot">

<div class="copyright">

<div>

</div>

<p>Copyright 2023 </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>