GreaseMonkey UserScript 用于删除网站的 HTML 部分答案

【问题标题】：GreaseMonkey UserScript for Remove HTML Section of a websiteGreaseMonkey UserScript 用于删除网站的 HTML 部分
【发布时间】：2015-06-24 05:19:47
【问题描述】：

我安装了“Greasemonkey”来删除特定网站的部分 HTML 代码。

我找到了用于删除的“jQuery”代码

function removeByClass(className) {
   $("."+className).remove();
}

我尝试将“ClassName”替换为“news_ticker”，但没有成功。

我没有太多关于java语言的信息

我要删除的 HTML 部分代码如下

<div class="news_ticker">

    <div class="title"><a title="Title";</a></div>
    <div class="ticker">
        <div class="wrapper">
            <div class="ticker_feeds">
            <span class="aa_icon">"headline"</span>
            <span class="aa_icon">"headline"</span>
            <span class="aa_icon">"headline"</span>
            <span class="aa_icon">"headline"</span>
            <span class="aa_icon">"headline"</span>
            </div>
        </div>
        <div class="controls"><a class="prev"  title=""></a><a class="pause"  title=""></a><a class="next"  title=""></a></div>
    </div>
</div>

<style>
.static_banner01 {
    clear: both;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}
.banners{
    overflow: hidden; 
    width: 190px; 
    float: right;
}
.m15{
margin-left:14px;
}
.m18{
margin-left:20px;
}
.m10{
margin-left:10px;
}
.w155,
.w155 a{
width:155px !important;
}

.banners a{
    width: 190px;
    height: 80px;
}
.banners.last{
    margin-left:0;
}
</style>

【问题讨论】：

感谢您的帮助。首先，我确实包括了我需要脚本工作的网站，如下所示。 // @include http://www.website.com/* 并且我确实包含了“jQuery”作为打击，但我的代码根本不起作用。 // @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js // @require http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js 无论如何，我在 Greasemonkey 中制作了新的用户脚本，并复制了保存的每个代码并对它们进行了测试。它们都不起作用，甚至我也尝试浏览子页面，但标题仍然存在。 @delgan @v-p

标签： javascript html greasemonkey userscripts

【解决方案1】：

如果你想使用它，你需要在你的用户脚本中包含 jQuery。

尝试将// @require http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js 添加到脚本的元数据标头块中。
请参阅Wiki greasespot article 关于添加外部库（如 jQuery）。

请记住，您可以使用控制台（例如，Windows / Firefox 上的 Ctrl+Shift+K）来查看错误消息这可以帮助你找出你的代码有什么问题。

最后，要知道你不一定非要用jQuery来进行如此简单的操作。仅 Javascript 就足够了：

function removeByClass(className) {
    var elements = document.getElementsByClassName(className);
    for (var i = 0; i < elements.length; i++) {
        elements[i].outerHTML = "";
    }
}

【讨论】：

【解决方案2】：

试试

<script>   
 function removeByClass(news_ticker) {
       $(".news_ticker").remove();
    }
</script>

或者干脆

<script>
      $(".news_ticker").html('');
</script>

阅读this 了解更多信息

【讨论】：

【解决方案3】：

感谢V P，下面的代码已经解决了删除标题的第一个问题

$("div").remove(".news_ticker");

现在网站自动播放视频，所以我需要从主页中删除视频。以下代码用于视频部分：

<div class="wrapper">
    <div class="headline"><a title="test" href="test.html">test</a></div>                       
        <div class="img_teaser">
            <span class="LimelightEmbeddedPlayer">  
                <div id="*.mp4"></div>  
                <video id="html5video" dir="ltr" class="video-js vjs-default-skin" autoplay preload="auto" loop width="395" height="296" data-setup='{}'>
                <source src="*.mp4" type='video/mp4' />         
                <p class="vjs-no-js">To view this video please enable JavaScript and consider upgrading your web browser</p>
                </video> 
            </span>
            <p class="caption"><span class="source">test</span> test ... <a title="test" href="test.html">test</a></p>
        </div>  
    </div>

我尝试了以下代码：

没用

$("span").remove(".LimelightEmbeddedPlayer");

没用

$("div").remove(".LimelightEmbeddedPlayer");

当没有视频时，网站会插入图片，但这一行会同时删除视频和图片。

$("div").remove(".img_teaser");

经过一些测试找到解决方案（只需删除视频）

$("div span").remove(".LimelightEmbeddedPlayer");

我希望这可以帮助那些为“Greasemonkey”搜索类似“用户脚本”的人

【讨论】：