javascript - 用于删除网站 HTML 部分的 GreaseMonkey 用户脚本

Question

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

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

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

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

我没有太多关于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>

Answer 1

如果您希望能够使用 jQuery，则需要将 jQuery 包含到您的用户脚本中。

尝试将 //@require http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js 添加到脚本的元数据 header block 中。
请参阅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 = "";
    }
}