Як сховати певні елементи, використовуючи Greasemonkey? - javascript, greasemonkey, tampermonkey

Я хочу приховати певні елементи за допомогою Greasemonkey. Посилання, як це:

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

Або такі зображення:

<img src="/images/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 Circles посилання (або зображення), використовуйте такий сценарій Greasemonkey / 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.

Побачити Вибір та активація правильних елементів керування на AJAX-сайті поради щодо вибору селектора jQuery.

Довідка:

• jQuery селектори
• waitForKeyElements ()
• jQuery hide()