<li data-num="309"></li>
<li data-num="310"></li>
<li data-num="311"></li>
<li data-num="312"></li>
<li data-num="313"></li>
<li data-num="314"></li>
<li data-num="315"></li>
<li data-num="316"></li>
<li data-num="317"></li>
<li data-num="318"></li>
<li data-num="319"></li>
<li data-num="320"></li>
<li data-num="321"></li>
<li data-num="322"></li>
<li data-num="323"></li>
<li data-num="324"></li>
<li data-num="325"></li>
<li data-num="326"></li>
<li data-num="327"></li>
<li data-num="328"></li>
<li data-num="329"></li>
<li data-num="330"></li>
<li data-num="331"></li>
<li data-num="332"></li>
<li data-num="333"></li>
<li data-num="334"></li>
<li data-num="335"></li>
<li data-num="336"></li>
<li data-num="337"></li>
<li data-num="338"></li>
<li data-num="339"></li>
<li data-num="340"></li>
<li data-num="341"></li>
<li data-num="342"></li>
<li data-num="343"></li>
<li data-num="344"></li>
<li data-num="345"></li>
<li data-num="346"></li>
<li data-num="347"></li>
<li data-num="348"></li>
<li data-num="349"></li>
<li data-num="350"></li>
<li data-num="351"></li>
<li data-num="352"></li>
<li data-num="353"></li>
<li data-num="354"></li>
<li data-num="355"></li>
<li data-num="356"></li>
<li data-num="357"></li>
<li data-num="358"></li>
<li data-num="359"></li>
<li data-num="360"></li>
<li data-num="361"></li>
<li data-num="362"></li>
<li data-num="363"></li>
<li data-num="364"></li>
<li data-num="365"></li>
<li data-num="366"></li>
<li data-num="367"></li>
<li data-num="368"></li>
<li data-num="369"></li>
<li data-num="370"></li>
<li data-num="371"></li>
<li data-num="372"></li>
<li data-num="373"></li>
<li data-num="374"></li>
<li data-num="375"></li>
<li data-num="376"></li>
<li data-num="377"></li>
<li data-num="378"></li>
<li data-num="379"></li>
<li data-num="380"></li>
<li data-num="381"></li>
<li data-num="382"></li>
<li data-num="383"></li>
<li data-num="384"></li>
<li data-num="385"></li>
<li data-num="386"></li>
<li data-num="387"></li>
<li data-num="388"></li>
<li data-num="389"></li>
<li data-num="390"></li>
<li data-num="391"></li>
<li data-num="392"></li>
<li data-num="393"></li>
<li data-num="394"></li>
<li data-num="395"></li>
<li data-num="396"></li>
<li data-num="397"></li>
<li data-num="398"></li>
<li data-num="399"></li>
<li data-num="400"></li>
<li data-num="401"></li>
<li data-num="402"></li>
<li data-num="403"></li>
<li data-num="404"></li>
<li data-num="405"></li>
<li data-num="406"></li>
<li data-num="407"></li>
<li data-num="408"></li>
<li data-num="409"></li>
<li data-num="410"></li>
<li data-num="411"></li>
<li data-num="412"></li>
<li data-num="413"></li>
<li data-num="414"></li>
<li data-num="415"></li>
<li data-num="416"></li>
<li data-num="417"></li>
<li data-num="418"></li>
<li data-num="419"></li>
<li data-num="420"></li>
<li data-num="421"></li>
<li data-num="422"></li>
<li data-num="423"></li>
<li data-num="424"></li>
<li data-num="425"></li>
<li data-num="426"></li>
<li data-num="427"></li>
<li data-num="428"></li>
<li data-num="429"></li>
<li data-num="430"></li>
<li data-num="431"></li>
<li data-num="432"></li>
<li data-num="433"></li>
<li data-num="434"></li>
<li data-num="435"></li>
<li data-num="436"></li>
<li data-num="437"></li>
<li data-num="438"></li>
<li data-num="439"></li>
<li data-num="440"></li>
<li data-num="441"></li>
<li data-num="442"></li>
<li data-num="443"></li>
<li data-num="444"></li>
<li data-num="445"></li>
<li data-num="446"></li>
<li data-num="447"></li>
<li data-num="448"></li>
<li data-num="449"></li>
<li data-num="450"></li>
<li data-num="451"></li>
<li data-num="452"></li>
<li data-num="453"></li>
<li data-num="454"></li>
<li data-num="455"></li>
<li data-num="456"></li>
<li data-num="457"></li>
<li data-num="458"></li>
<li data-num="459"></li>
<li data-num="460"></li>
<li data-num="461"></li>
<li data-num="462"></li>
<li data-num="463"></li>
<li data-num="464"></li>
<li data-num="465"></li>
<li data-num="466"></li>
<li data-num="467"></li>
<li data-num="468"></li>
<li data-num="469"></li>
<li data-num="470"></li>
<li data-num="471"></li>
<li data-num="472"></li>
<li data-num="473"></li>
<li data-num="474"></li>
<li data-num="475"></li>
<li data-num="476"></li>
<li data-num="477"></li>
<li data-num="478"></li>
<li data-num="479"></li>
<li data-num="480"></li>
<li data-num="481"></li>
<li data-num="482"></li>
<li data-num="483"></li>
<li data-num="484"></li>
<li data-num="485"></li>
<li data-num="486"></li>
<li data-num="487"></li>
<li data-num="488"></li>
<li data-num="489"></li>
<li data-num="490"></li>
<li data-num="491"></li>
<li data-num="492"></li>
<li data-num="493"></li>
<li data-num="494"></li>
<li data-num="495"></li>
<li data-num="496"></li>
<li data-num="497"></li>
<li data-num="498"></li>
<li data-num="499"></li>
<li data-num="500"></li>
<li data-num="501"></li>
<li data-num="502"></li>
<li data-num="503"></li>
<li data-num="504"></li>
<li data-num="505"></li>
<li data-num="506"></li>
<li data-num="507"></li>
<li data-num="508"></li>
<li data-num="509"></li>
<li data-num="510"></li>
<li data-num="511"></li>
<li data-num="512"></li>
<li data-num="513"></li>
<li data-num="514"></li>
<li data-num="515"></li>
<li data-num="516"></li>
<li data-num="517"></li>
<li data-num="518"></li>
<li data-num="519"></li>
<li data-num="520"></li>
<li data-num="521"></li>
<li data-num="522"></li>
<li data-num="523"></li>
<li data-num="524"></li>
<li data-num="525"></li>
<li data-num="526"></li>
<li data-num="527"></li>
<li data-num="528"></li>
<li data-num="529"></li>
<li data-num="530"></li>
<li data-num="531"></li>
<li data-num="532"></li>
<li data-num="533"></li>
<li data-num="534"></li>
<li data-num="535"></li>
<li data-num="536"></li>
<li data-num="537"></li>
<li data-num="538"></li>
<li data-num="539"></li>
<li data-num="540"></li>
<li data-num="541"></li>
<li data-num="542"></li>
<li data-num="543"></li>
<li data-num="544"></li>
<li data-num="545"></li>
<li data-num="546"></li>
<li data-num="547"></li>
<li data-num="548"></li>
<li data-num="549"></li>
<li data-num="550"></li>
<li data-num="551"></li>
<li data-num="552"></li>
<li data-num="553"></li>
<li data-num="554"></li>
<li data-num="555"></li>
<li data-num="556"></li>
<li data-num="557"></li>
<li data-num="558"></li>
<li data-num="559"></li>
<li data-num="560"></li>
<li data-num="561"></li>
<li data-num="562"></li>
<li data-num="563"></li>
<li data-num="564"></li>
<li data-num="565"></li>
<li data-num="566"></li>
<li data-num="567"></li>
<li data-num="568"></li>
<li data-num="569"></li>
<li data-num="570"></li>
<li data-num="571"></li>
<li data-num="572"></li>
<li data-num="573"></li>
<li data-num="574"></li>
<li data-num="575"></li>
<li data-num="576"></li>
<li data-num="577"></li>
<li data-num="578"></li>
<li data-num="579"></li>
<li data-num="580"></li>
<li data-num="581"></li>
<li data-num="582"></li>
<li data-num="583"></li>
<li data-num="584"></li>
<li data-num="585"></li>
<li data-num="586"></li>
<li data-num="587"></li>
<li data-num="588"></li>
<li data-num="589"></li>
<li data-num="590"></li>
<li data-num="591"></li>
<li data-num="592"></li>
<li data-num="593"></li>
<li data-num="594"></li>
<li data-num="595"></li>
<li data-num="596"></li>
<li data-num="597"></li>
<li data-num="598"></li>
<li data-num="599"></li>
<li data-num="600"></li>
<li data-num="601"></li>
<li data-num="602"></li>
<li data-num="603"></li>
<li data-num="604"></li>
<li data-num="605"></li>
<li data-num="606"></li>
<li data-num="607"></li>
<li data-num="608"></li>
<li data-num="609"></li>
<li data-num="610"></li>
<li data-num="611"></li>
<li data-num="612"></li>
<li data-num="613"></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>