使用Tampermonkey删除“在Chrome中观看Youtube视频”栏

时间:2017-08-02 21:21:06

标签: javascript html youtube tampermonkey

我正在尝试为Tampermonkey创建一个脚本,删除Youtube页面顶部的蓝色栏。

这是蓝条的源代码:

 <div id="ticker-content">
        <div class="yt-alert yt-alert-default yt-alert-info  " id="ticker">  <div class="yt-alert-icon">
        <span class="icon master-sprite yt-sprite"></span>
      </div>
    <div class="yt-alert-content" role="alert">    <div tabindex="0" class="yt-alert-message">
                Watch YouTube videos with Chrome. &nbsp; &nbsp; <a href="https://www.google.com/chrome/browser/desktop/index.html?brand=NDCM&amp;utm_source=all-pushdown-yt&amp;utm_medium=yt-pushdown&amp;utm_campaign=yt-watch">Yes, get Chrome now</a>.
        </div>
    </div><div class="yt-alert-buttons"><button class="yt-uix-button yt-uix-button-size-default yt-uix-button-close close yt-uix-close" aria-label="Close" onclick="yt.www.masthead.dismissChromeAlert();return false;" type="button" data-close-parent-class="yt-alert"><span class="yt-uix-button-content">Close</span></button></div></div>
      </div>

如果我从this post正确理解,我必须使用badDivs以及包含选择器。

我的代码看起来像这样,但它不起作用:

(function() {
    'use strict';
var badDivs = $("div div:contains('ticker-content')");

badDivs.parent ().remove ();

})();

有人可以帮忙完成这项工作吗?

1 个答案:

答案 0 :(得分:0)

您可以像这样删除它:

(function() {
    'use strict';
    var ticker = document.getElementById('ticker-content');
    ticker.parentElement.removeChild(ticker);
})();