44.第44章 内心世界

;<ul>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    <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>

    </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>