电影列表排序助手

给包含很长电影列表的单个页面添加几个筛选排序功能，比如按照年份、评分等对电影列表重新进行排序。作者：浴火凤凰(QQ:307053741,油猴脚本讨论QQ群:194885662)

Installa questo script?
Script suggerito dall'autore

Potresti essere interessato/a anche a GreasyFork Helper

Installa questo script 
// ==UserScript==
// @name         电影列表排序助手
// @namespace    https://github.com/kingphoenix2000/tampermonkey_scripts
// @supportURL   https://github.com/kingphoenix2000/tampermonkey_scripts
// @version      0.1.2
// @author       浴火凤凰(QQ:307053741,油猴脚本讨论QQ群:194885662)
// @description  给包含很长电影列表的单个页面添加几个筛选排序功能，比如按照年份、评分等对电影列表重新进行排序。作者：浴火凤凰(QQ:307053741,油猴脚本讨论QQ群:194885662)
// @homepage     https://blog.csdn.net/kingwolf_javascript/
// @include      https://leisidianying.com/*
// @grant        GM_openInTab
// @note         2020-02-22：1.增加使用说明和显示更多电影按钮
// @note         2020-02-22：2.增加电影详情页的相似度查询
// ==/UserScript==


(function () {
    'use strict';

    function removeADS(arr) {
        arr.forEach(function (v) {
            let elem = document.querySelector(v);
            if (elem) { elem.remove(); }
        });
    }

    //标签列表页
    function setButton() {
        let div = document.createElement("div");
        div.id = "sortHelper";
        let h4 = document.createElement("h4");
        let h5 = document.createElement("h5");
        h4.innerHTML = '<a href="https://greasyfork.org/zh-CN/users/289205-%E6%B5%B4%E7%81%AB%E5%87%A4%E5%87%B0" target="_blank">★★★电影列表排序助手，作者：浴火凤凰(QQ:307053741)★★★</a>';
        let totalMovie = document.querySelector(".block-main.block-main-first div.item-name div.rat span[title=rating]").innerText;
        let loaded = document.querySelectorAll("#tag-movie-list > div.item").length;
        let title = document.querySelector("#block-tag-movie-list > div.heading-c > h2");
        title.innerHTML = title.innerText + '<font color="red">（30/100）</font>'.replace("30", loaded).replace("100", totalMovie);
        let info = '<div style="color:red;">1.本标签系列共有电影' + totalMovie + '部，首次打开页面只显示了' + loaded + '部，想要显示更多电影请点击【显示更多电影】按钮。</div>';
        info += '<div style="color:red;">2.点击【显示更多电影】按钮之后，需要再次点击筛选按钮，才会对新加载的电影进行排序。</div>';
        h5.innerHTML = info;
        let input0 = document.createElement("input");
        let input1 = document.createElement("input");
        let input2 = document.createElement("input");
        input0.type = "button";
        input0.value = "显示更多电影";
        input1.type = "button";
        input1.value = "年份从远到近";
        input1.style.marginLeft = "15px";
        input2.type = "button";
        input2.value = "年份从近到远";
        input2.style.marginLeft = "15px";
        input0.onclick = function () {
            var iRelListNextPage = iTagMovieListCurrentPage + 1;
            $('#buttonMoreTagMovieListContainer button').attr('disabled', 'disabled');
            document.querySelector("#sortHelper input:first-of-type").value = "正在加载...";
            document.querySelector("#sortHelper input:first-of-type").disabled = true;
            $.ajax({
                url: sTagMovieListMoreUrl + '&order=' + iTagMovieListOrder + '&page=' + iRelListNextPage,
                success: function (data) {
                    $('#tag-movie-list').append(data);
                    iTagMovieListCurrentPage++;
                    let loaded = document.querySelectorAll("#tag-movie-list > div.item").length;
                    let title = document.querySelector("#block-tag-movie-list > div.heading-c > h2 > font");
                    title.innerText = '（' + loaded + '/' + totalMovie + '）';
                    if (iTagMovieListCurrentPage == iTagMovieListLastPage) {
                        $('#buttonMoreTagMovieListContainer').remove();
                        document.querySelector("#sortHelper input:first-of-type").value = "全部加载完毕";
                        document.querySelector("#sortHelper input:first-of-type").disabled = true;
                    } else {
                        $('#buttonMoreTagMovieListContainer button').removeAttr('disabled');
                        document.querySelector("#sortHelper input:first-of-type").value = "显示更多电影";
                        document.querySelector("#sortHelper input:first-of-type").disabled = false;
                    }
                }
            })
        }
        input1.onclick = input2.onclick = function () {
            let items = document.querySelectorAll("#tag-movie-list > div.item");
            let len = items.length;
            let arr = [];
            for (let i = 0; i < len; i++) {
                arr.push(items[i]);
            }
            let _this = this;
            arr.sort(function (a, b) {
                let name1 = a.querySelector("div.item-name div.name-c a.name");
                let year1 = name1.innerText.match(/\((\d+)\)/);
                if (year1) { year1 = +year1[1] }
                else { year1 = 0; }
                let name2 = b.querySelector("div.item-name div.name-c a.name");
                let year2 = name2.innerText.match(/\((\d+)\)/);
                if (year2) { year2 = +year2[1] }
                else { year2 = 0; }
                if (_this.value == "年份从近到远") { return year2 - year1; }
                else { return year1 - year2; }

            });
            let div = document.createElement("div");
            for (let i = 0; i < len; i++) {
                div.appendChild(arr[i]);
            }
            document.querySelector("#tag-movie-list").innerHTML = div.innerHTML;
        }
        let input3 = document.createElement("input");
        let input4 = document.createElement("input");
        input3.type = "button";
        input3.value = "评分从高到低";
        input3.style.marginLeft = "15px";
        input4.type = "button";
        input4.value = "评分从低到高";
        input4.style.marginLeft = "15px";
        input3.onclick = input4.onclick = function () {
            let items = document.querySelectorAll("#tag-movie-list > div.item");
            let len = items.length;
            let arr = [];
            for (let i = 0; i < len; i++) {
                arr.push(items[i]);
            }
            let _this = this;
            arr.sort(function (a, b) {
                let name1 = a.querySelector("div.item-name div.rat span[title=rating]");
                let rating1 = name1.innerText;
                if (rating1) { rating1 = +rating1 }
                else { rating1 = 0; }
                let name2 = b.querySelector("div.item-name div.rat span[title=rating]");
                let rating2 = name2.innerText;
                if (rating2) { rating2 = +rating2 }
                else { rating2 = 0; }
                if (_this.value == "评分从高到低") { return rating2 - rating1; }
                else { return rating1 - rating2; }

            });
            let div = document.createElement("div");
            for (let i = 0; i < len; i++) {
                div.appendChild(arr[i]);
            }
            document.querySelector("#tag-movie-list").innerHTML = div.innerHTML;
        }

        div.appendChild(h4);
        div.appendChild(h5);
        div.appendChild(input0);
        div.appendChild(input1);
        div.appendChild(input2);
        div.appendChild(input3);
        div.appendChild(input4);
        document.querySelector("#tag-movie-list").parentNode.insertBefore(div, document.querySelector("#tag-movie-list"));

    }

    //电影详情页
    function setButton2() {
        let div = document.createElement("div");
        div.id = "sortHelper";
        let h4 = document.createElement("h4");
        let h5 = document.createElement("h5");
        h4.innerHTML = '<a href="https://greasyfork.org/zh-CN/users/289205-%E6%B5%B4%E7%81%AB%E5%87%A4%E5%87%B0" target="_blank">★★★电影列表排序助手，作者：浴火凤凰(QQ:307053741)★★★</a>';
        // let totalMovie = document.querySelector(".block-main.block-main-first div.item-name div.rat span[title=rating]").innerText;
        let loaded = document.querySelectorAll("#movie-rel-list > div.item").length;
        let title = document.querySelector("#block-movie-rel-list > div.heading-c > h2");
        title.innerHTML = title.innerText + '<font color="red">（30）</font>'.replace("30", loaded);
        let info = '<div style="color:red;">1.想要显示更多电影请点击【显示更多电影】按钮。</div>';
        info += '<div style="color:red;">2.点击【显示更多电影】按钮之后，需要再次点击筛选按钮，才会对新加载的电影进行排序。</div>';
        h5.innerHTML = info;
        let input0 = document.createElement("input");
        let input1 = document.createElement("input");
        let input2 = document.createElement("input");
        input0.type = "button";
        input0.value = "显示更多电影";
        input1.type = "button";
        input1.value = "年份从远到近";
        input1.style.marginLeft = "15px";
        input2.type = "button";
        input2.value = "年份从近到远";
        input2.style.marginLeft = "15px";
        input0.onclick = function () {
            if (moreMovieRelListInProcess)
                return false;
            moreMovieRelListInProcess = true;
            var iRelListNextPage = iMovieRelListCurrentPage + 1;
            if (iRelListNextPage > iMovieRelListLastPage)
                return false;
            $('#buttonMoreMovieRelListContainer button').attr('disabled', 'disabled');
            document.querySelector("#sortHelper input:first-of-type").value = "正在加载...";
            document.querySelector("#sortHelper input:first-of-type").disabled = true;
            $.ajax({
                url: sMovieRelListMoreUrl + '&order=' + iMovieRelListOrder + '&page=' + iRelListNextPage,
                success: function (data) {
                    $('#movie-rel-list').append(data);
                    iMovieRelListCurrentPage++;
                    let loaded = document.querySelectorAll("#movie-rel-list > div.item").length;
                    let title = document.querySelector("#block-movie-rel-list > div.heading-c > h2 > font");
                    title.innerText = '（' + loaded + '）';
                    if (iMovieRelListCurrentPage == iMovieRelListLastPage) {
                        $('#buttonMoreMovieRelListContainer').remove();
                        document.querySelector("#sortHelper input:first-of-type").value = "全部加载完毕";
                        document.querySelector("#sortHelper input:first-of-type").disabled = true;
                    } else {
                        $('#buttonMoreMovieRelListContainer button').removeAttr('disabled');
                        document.querySelector("#sortHelper input:first-of-type").value = "显示更多电影";
                        document.querySelector("#sortHelper input:first-of-type").disabled = false;
                    }
                    setTimeout(function () {
                        moreMovieRelListInProcess = false;
                    }, 1e3)
                }
            });
        }
        input1.onclick = input2.onclick = function () {
            let items = document.querySelectorAll("#movie-rel-list > div.item");
            let len = items.length;
            let arr = [];
            for (let i = 0; i < len; i++) {
                arr.push(items[i]);
            }
            let _this = this;
            arr.sort(function (a, b) {
                let name1 = a.querySelector("div.item-name div.name-c a.name");
                let year1 = name1.innerText.match(/\((\d+)\)/);
                if (year1) { year1 = +year1[1] }
                else { year1 = 0; }
                let name2 = b.querySelector("div.item-name div.name-c a.name");
                let year2 = name2.innerText.match(/\((\d+)\)/);
                if (year2) { year2 = +year2[1] }
                else { year2 = 0; }
                if (_this.value == "年份从近到远") { return year2 - year1; }
                else { return year1 - year2; }

            });
            let div = document.createElement("div");
            for (let i = 0; i < len; i++) {
                div.appendChild(arr[i]);
            }
            document.querySelector("#movie-rel-list").innerHTML = div.innerHTML;
        }
        let input3 = document.createElement("input");
        let input4 = document.createElement("input");
        input3.type = "button";
        input3.value = "评分从高到低";
        input3.style.marginLeft = "15px";
        input4.type = "button";
        input4.value = "评分从低到高";
        input4.style.marginLeft = "15px";
        input3.onclick = input4.onclick = function () {
            let items = document.querySelectorAll("#movie-rel-list > div.item");
            let len = items.length;
            let arr = [];
            for (let i = 0; i < len; i++) {
                arr.push(items[i]);
            }
            let _this = this;
            arr.sort(function (a, b) {
                let name1 = a.querySelector("div.item-name div.rat span[title=rating]");
                let rating1 = name1.innerText;
                if (rating1) { rating1 = +rating1 }
                else { rating1 = 0; }
                let name2 = b.querySelector("div.item-name div.rat span[title=rating]");
                let rating2 = name2.innerText;
                if (rating2) { rating2 = +rating2 }
                else { rating2 = 0; }
                if (_this.value == "评分从高到低") { return rating2 - rating1; }
                else { return rating1 - rating2; }

            });
            let div = document.createElement("div");
            for (let i = 0; i < len; i++) {
                div.appendChild(arr[i]);
            }
            document.querySelector("#movie-rel-list").innerHTML = div.innerHTML;
        }
        let input5 = document.createElement("input");
        input5.type = "button";
        input5.value = "相似度";
        input5.style.marginLeft = "15px";
        input5.onclick = function () {
            let items = document.querySelectorAll("#movie-rel-list > div.item");
            let len = items.length;
            let arr = [];
            for (let i = 0; i < len; i++) {
                arr.push(items[i]);
            }
            let _this = this;
            arr.sort(function (a, b) {
                let name1 = a.querySelector("div.is-row.clearfix div.row div.smt span[title=rating]");
                let rating1 = name1.innerText.replace("%", "");
                if (rating1) { rating1 = +rating1 }
                else { rating1 = 0; }
                let name2 = b.querySelector("div.is-row.clearfix div.row div.smt span[title=rating]");
                let rating2 = name2.innerText.replace("%", "");
                if (rating2) { rating2 = +rating2 }
                else { rating2 = 0; }
                if (_this.value == "相似度") { return rating2 - rating1; }
                else { return rating1 - rating2; }

            });
            let div = document.createElement("div");
            for (let i = 0; i < len; i++) {
                div.appendChild(arr[i]);
            }
            document.querySelector("#movie-rel-list").innerHTML = div.innerHTML;
        }

        div.appendChild(h4);
        div.appendChild(h5);
        div.appendChild(input0);
        div.appendChild(input1);
        div.appendChild(input2);
        div.appendChild(input3);
        div.appendChild(input4);
        div.appendChild(input5);
        document.querySelector("#movie-rel-list").parentNode.insertBefore(div, document.querySelector("#movie-rel-list"));

    }




    if (location.hostname.includes("leisidianying.com")) {//整个网站
        if (location.href.includes("/tag/")) {//单个页面
            setTimeout(function () { setButton(); }, 2000);
        }
        if (location.href.includes("/movie/")) {//单个页面
            setTimeout(function () { setButton2(); }, 2000);
        }
    }
    // Your code here...
})();