Greasemonkeyを使用して特定の要素を非表示にする方法は？

debugcn 投稿 Dev

オーバーロード

Greasemonkeyを使用して特定の要素を非表示にしようとしています。このようなリンク：

<a href="earn-google-circles.php" target="_blank" );"="">View</a>

またはこのような画像：

<img src="http://www.somesite.org/img/icon/earn-google-circles-435912.png" alt="Circle" title="Google Circle" height="18px" width="50px">

もちろん、それはより大きなDivの一部ですが、非表示にしたくない他のものを非表示にするため、そのdivを非表示にすることはできません。

では、Greasemonkeyを使用してこれらの要素を非表示にする方法はありますか？
（編集者注：Tampermonkeyにも適用されます）

ブロック・アダムズ

すべての方法非表示にするには、Googleのサークルリンク（または画像）を、このようなグリースモンキー/ Tampermonkeyスクリプトを使用します。

// ==UserScript==
// @name     _Hide annoying links
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
waitForKeyElements (
    "a[href*='earn-google-circles'], img[src*='earn-google-circles']",
    hideNode
);

function hideNode (jNode) {
    jNode.hide ();
}

これにより、静的インスタンスとAJAXロードインスタンスの両方が取得されます。

jQueryセレクターを選択するためのヒントについては、AJAX駆動型サイトでの適切なコントロールの選択とアクティブ化を参照してください。

参照：

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]