主页 / 问题 / 1390278
Accepted
SergeyPopov
Asked:2022-08-15 05:15:48 +0800 CST2022-08-15 05:15:48 +0800 CST

删除包含链接的元素

  • 772

有一个包含来自不同作者的视频的主 YouTube 页面。视频本身包含在具有“style-scope ytd-rich-grid-renderer”类的容器中。只需要删除那些具有地址为 href="channel name" 的链接形式的子元素的容器，该链接将从数组中获取。此外，当滚动页面和加载新频道时，脚本也应该可以工作。

我正在考虑将脚本放在 chrome 扩展中，或者将它与用户脚本一起使用。

PS 实际上，这是 YouTube 的拐杖专用广告块，但广告块隐藏了加载计算机的元素。我只需要将它们从厄运中移除。Adblock 规则来解决这个问题 -##.style-scope.ytd-rich-grid-row > :has([href="/c/VladimirGav"])

javascript

1 个回答

  1. Best Answer

    如果有人可能需要这样的特定任务。需要 MutationObserver 来跟踪更改，并且在上传新视频时，它们也由脚本处理并从不必要的作者中删除。地穴本身是在tampermonkey中，以免把你的拐杖写成扩展。现在我使用而不是 adblock，因为脚本会删除 dom 元素，并且不会隐藏它们。

    let listDeletes = [
    "/chennal/somestuff1",
    "/chennal/somestuff2",
    "/chennal/somestuff3",
    "/chennal/somestuff4",
    "/chennal/somestuff5",
    "/chennal/somestuff6",
    "/chennal/somestuff7",
    "/chennal/somestuff8",
    "/chennal/somestuff9",
];

function delBoxes() {

    for (let i = 0; i < listDeletes.length; i++) {
        document.querySelectorAll(`li a[href^="${listDeletes[i]}"`).forEach(e => e.closest('li').remove());
    }
}
delBoxes();

const observer = new MutationObserver(function (mutation) {
    mutation.forEach(function (mutation) {
        if (mutation.addedNodes.length) {
            delBoxes();
        }
    })
});
const playlistWrapper = document.querySelector('#videoPlaylist');
observer.observe(playlistWrapper, {
    childList: true
})
    • 0

相关问题