HTML+JS

关于li排序排序

1,按照标题排序

<meta charset="UTF-8">
   <script type="text/javascript">
        window.onload = function () {
            var oUl1 = document.getElementById("ul1");

                var aLi = oUl1.getElementsByTagName("li");
                var arr = [];
                for (var i = 0; i < aLi.length; i++) {
                    arr[i] = aLi[i];
                }
                arr.sort(function (li1, li2) {
                    var n1 = parseInt(li1.innerText);
                    var n2 = parseInt(li2.innerText);
                    return n1 - n2;
                });
                for (var i = 0; i < aLi.length; i++) {
                    oUl1.appendChild(arr[i]);
                }

        }
    </script>

<ul id="ul1">

        <li>3  赛事回顾：2018美国公开赛第四轮中文回放下 <a href="http://live.iqiyi.com/sports/19rsdqu13b.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>6 赛事放映厅：2019澳网男单第4轮 伯蒂奇vs纳达尔 <a href="http://live.iqiyi.com/sports/19rsdqu01z.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>4  赛事放映厅：Bellator MMA 239 <a href="http://live.iqiyi.com/sports/19rsdqp7a7.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>1  赛事放映厅：2019澳网男单第4轮 费德勒vs西西帕斯 <a href="http://live.iqiyi.com/sports/19rsdqu06v.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>5  赛事放映厅：2019澳网男单第4轮 小兹维列夫vs拉奥尼奇 <a href="http://live.iqiyi.com/sports/19rsdqu07j.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2  赛事放映厅：皇家马德里vs巴塞罗那 <a href="http://live.iqiyi.com/sports/19rsdqojtr.html" target="_blank">爱奇艺直播(官网)</a></li>
</ul>

2,按照时间排序

<meta charset="UTF-8">

<ul id="ul1">
        <li>2020-04-20 10:00:00  赛事回顾：2018美国公开赛第四轮中文回放下 <a href="http://live.iqiyi.com/sports/19rsdqu13b.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-16 19:00:00  赛事放映厅：2019澳网男单第4轮 伯蒂奇vs纳达尔 <a href="http://live.iqiyi.com/sports/19rsdqu01z.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-17 13:00:00  赛事放映厅：Bellator MMA 239 <a href="http://live.iqiyi.com/sports/19rsdqp7a7.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-16 18:00:00  赛事放映厅：2019澳网男单第4轮 费德勒vs西西帕斯 <a href="http://live.iqiyi.com/sports/19rsdqu06v.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-18 15:00:00  赛事放映厅：2019澳网男单第4轮 小兹维列夫vs拉奥尼奇 <a href="http://live.iqiyi.com/sports/19rsdqu07j.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-18 10:50:00  赛事放映厅：皇家马德里vs巴塞罗那 <a href="http://live.iqiyi.com/sports/19rsdqojtr.html" target="_blank">爱奇艺直播(官网)</a></li>
</ul>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
var list = {};

$('#ul1 li').each(function () {
        var html = $(this).html();
        var arr = html.split(' ');
        var key = (arr[0]+arr[1]).replace(/[-:]+/g,'');
        list[parseInt(key)] = html;
        $(this).remove();
});

$.each(Object.keys(list).sort(), function (i, key) {
        $('<li>'+list[key]+'</li>').appendTo('#ul1');
});

$('#ul1').show();

</script>

3，按照时间排序，当前时间大于开始时间3小时，隐藏比赛

<meta charset="UTF-8">

<ul id="ul1" style="display: none;">

        <li>2020-04-23 10:00:00  赛事回顾：2018美国公开赛第四轮中文回放下 <a href="http://live.iqiyi.com/sports/19rsdqu13b.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-21 20:25:59  赛事放映厅：2019澳网男单第4轮 伯蒂奇vs纳达尔 <a href="http://live.iqiyi.com/sports/19rsdqu01z.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-24 13:00:00  赛事放映厅：Bellator MMA 239 <a href="http://live.iqiyi.com/sports/19rsdqp7a7.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-16 18:00:00  赛事放映厅：2019澳网男单第4轮 费德勒vs西西帕斯 <a href="http://live.iqiyi.com/sports/19rsdqu06v.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-22 15:00:00  赛事放映厅：2019澳网男单第4轮 小兹维列夫vs拉奥尼奇 <a href="http://live.iqiyi.com/sports/19rsdqu07j.html" target="_blank">爱奇艺直播(官网)</a></li>

        <li>2020-04-18 10:50:00  赛事放映厅：皇家马德里vs巴塞罗那 <a href="http://live.iqiyi.com/sports/19rsdqojtr.html" target="_blank">爱奇艺直播(官网)</a></li>
</ul>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
var list = {};

$('#ul1 li').each(function () {
        var html = $(this).html();
        var arr = html.split(' ');
        var key = (arr[0]+arr[1]).replace(/[-:]+/g,'');
        list[parseInt(key)] = {
                time: new Date(arr[0]+' '+arr[1]),
                value: html
        };
        $(this).remove();
});

$.each(Object.keys(list).sort(), function (i, key) {
        if(new Date().getTime() - list[key].time.getTime() < 3 * 60 * 60 * 1000) {
                $('<li>' + list[key].value + '</li>').appendTo('#ul1');
        }

});

$('#ul1').show();

</script>

最后修改:2020年4月21日 23:12