<li data-num=“91“></li>
<li data-num=“92“></li>
<li data-num=“93“></li>
<li data-num=“94“></li>
<li data-num=“95“></li>
<li data-num=“96“></li>
<li data-num=“97“></li>
<li data-num=“98“></li>
<li data-num=“99“></li>
<li data-num=“100“></li>
<li data-num=“101“></li>
<li data-num=“102“></li>
<li data-num=“103“></li>
<li data-num=“104“></li>
<li data-num=“105“></li>
<li data-num=“106“></li>
<li data-num=“107“></li>
<li data-num=“108“></li>
<li data-num=“109“></li>
<li data-num=“110“></li>
<li data-num=“111“></li>
<li data-num=“112“></li>
<li data-num=“113“></li>
<li data-num=“114“></li>
<li data-num=“115“></li>
<li data-num=“116“></li>
<li data-num=“117“></li>
<li data-num=“118“></li>
<li data-num=“119“></li>
<li data-num=“120“></li>
<li data-num=“121“></li>
<li data-num=“122“></li>
<li data-num=“123“></li>
<li data-num=“124“></li>
<li data-num=“125“></li>
<li data-num=“126“></li>
<li data-num=“127“></li>
<li data-num=“128“></li>
<li data-num=“129“></li>
<li data-num=“130“></li>
<li data-num=“131“></li>
<li data-num=“132“></li>
<li data-num=“133“></li>
<li data-num=“134“></li>
<li data-num=“135“></li>
<li data-num=“136“></li>
<li data-num=“137“></li>
<li data-num=“138“></li>
<li data-num=“139“></li>
<li data-num=“140“></li>
<li data-num=“141“></li>
<li data-num=“142“></li>
<li data-num=“143“></li>
<li data-num=“144“></li>
<li data-num=“145“></li>
<li data-num=“146“></li>
<li data-num=“147“></li>
<li data-num=“148“></li>
<li data-num=“149“></li>
<li data-num=“150“></li>
<li data-num=“151“></li>
<li data-num=“152“></li>
<li data-num=“153“></li>
<li data-num=“154“></li>
<li data-num=“155“></li>
<li data-num=“156“></li>
<li data-num=“157“></li>
<li data-num=“158“></li>
<li data-num=“159“></li>
<li data-num=“160“></li>
<li data-num=“161“></li>
<li data-num=“162“></li>
<li data-num=“163“></li>
<li data-num=“164“></li>
<li data-num=“165“></li>
<li data-num=“166“></li>
<li data-num=“167“></li>
<li data-num=“168“></li>
<li data-num=“169“></li>
<li data-num=“170“></li>
<li data-num=“171“></li>
<li data-num=“172“></li>
<li data-num=“173“></li>
<li data-num=“174“></li>
<li data-num=“175“></li>
<li data-num=“176“></li>
<li data-num=“177“></li>
<li data-num=“178“></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>