第三十四章 明珠蒙尘(2/2)
<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>
</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">
<a class="cut" href="#" onclick=&quot;fontcut()&quot;>-
<a class="add" href="#" onclick=&quot;fontadd()&quot;>+
&lt;/div&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="foot"&gt;
&lt;div class="copyright"&gt;
&lt;div&gt;
&lt;/div&gt;
&lt;p&gt;copyright 2021 &lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="modelbg"&gt;&lt;/div&gt;
&lt;script src=&quot;
&lt;script&gt;tongji();&lt;/script&gt;
&lt;script&gt;
//排序
var btnc = 0
$(&quot;.sorting a&quot;).click(function () {
btnc++
if (btnc == 1) {
$(&quot;.sorting a&quot;).eq(1).hide()
$(&quot;.sorting a&quot;).eq(0).show()
} else {
$(&quot;.sorting a&quot;).eq(0).hide()
$(&quot;.sorting a&quot;).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(&quot;data-num&quot;);
htmlarr[m] = $(this).html();
})
for (var i = 0; i &lt; domarr.length; i++) {
var activesubjectsobject = {};
for (var j = 0; j &lt; htmlarr.length; j++) {
if (i == j) {
activesubjectsobject.name = domarr[i];
activesubjectsobject.value = htmlarr[j];
allarr.push(activesubjectsobject);
}
}
}
// console.log(allarr.length)
}
//铺数据
function appenddom() {
$(&quot;#catalog ul&quot;).html(&quot;&quot;)
for (i = 0; i &lt; allarr.length; i++) {
$(#catalog ul).append(
`&lt;li data-num=${allarr[i].name}&gt;${allarr[i].value}&lt;/li&gt;`
);
}
}
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;