书库楼 www.shukulou.com,元古皇尊无错无删减全文免费阅读!
> <li data-num="26"></li>
<li data-num="27"></li>
<li data-num="28"></li>
<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>
<li data-num="56"></li>
<li data-num="57"></li>
<li data-num="58"></li>
<li data-num="59"></li>
<li data-num="60"></li>
<li data-num="61"></li>
<li data-num="62"></li>
<li data-num="63"></li>
<li data-num="64"></li>
<li data-num="65"></li>
<li data-num="66"></li>
<li data-num="67"></li>
<li data-num="68"></li>
<li data-num="69"></li>
<li data-num="70"></li>
<li data-num="71"></li>
<li data-num="72"></li>
<li data-num="73"></li>
<li data-num="74"></li>
<li data-num="75"></li>
<li data-num="76"></li>
<li data-num="77"></li>
<li data-num="78"></li>
<li data-num="79"></li>
<li data-num="80"></li>
<li data-num="81"></li>
<li data-num="82"></li>
<li data-num="83"></li>
<li data-num="84"></li>
<li data-num="85"></li>
<li data-num="86"></li>
<li data-num="87"></li>
<li data-num="88"></li>
<li data-num="89"></li>
<li data-num="90"></li>
<li data-num="91"></li>
<li data-num="92"></li>
<li data-num="93"></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>
> <li data-num="26"></li>
<li data-num="27"></li>
<li data-num="28"></li>
<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>
<li data-num="56"></li>
<li data-num="57"></li>
<li data-num="58"></li>
<li data-num="59"></li>
<li data-num="60"></li>
<li data-num="61"></li>
<li data-num="62"></li>
<li data-num="63"></li>
<li data-num="64"></li>
<li data-num="65"></li>
<li data-num="66"></li>
<li data-num="67"></li>
<li data-num="68"></li>
<li data-num="69"></li>
<li data-num="70"></li>
<li data-num="71"></li>
<li data-num="72"></li>
<li data-num="73"></li>
<li data-num="74"></li>
<li data-num="75"></li>
<li data-num="76"></li>
<li data-num="77"></li>
<li data-num="78"></li>
<li data-num="79"></li>
<li data-num="80"></li>
<li data-num="81"></li>
<li data-num="82"></li>
<li data-num="83"></li>
<li data-num="84"></li>
<li data-num="85"></li>
<li data-num="86"></li>
<li data-num="87"></li>
<li data-num="88"></li>
<li data-num="89"></li>
<li data-num="90"></li>
<li data-num="91"></li>
<li data-num="92"></li>
<li data-num="93"></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>