Masquer un élément li en utilisant les informations du sous-élément [fermé] - javascript, html, css, greasemonkey

Je charge une page Web à partir d'Internet (par exemple, www.google.com ou autre). Cette page est écrite en HTML. Supposons que dans ce code il y a ce fragment.

<ul class="CLASS">
<li>
<div class="DIV1"></div>
<a href="SOMETHING1"></a>
</li>                             //Hide this li
<li>
<div class="DIV2"></div>
<a href="SOMETHING2"></a>
</li>
<li>
<div class="DIV3"></div>
<a href="SOMETHING3"></a>
</li>
</ul>

Je veux savoir s'il existe un moyen de masquer la section (la section li) que j'ai mentionnée dans le code précédent ("Hide this li") aussitôt que Je charge la page. Dans mon écran, je ne veux pas exécuter la section li que je mentionne.

J'ai fait des recherches et je pense que l'extension Firefox Greasemonkey le fait. Quel sera le script à ajouter pour faire cela? Ou, il y a une manière différente (sans Greasemonkey).

Réponses:

Ce n'est pas possible en utilisant seulement html et css. Je le ferais en utilisant javascript et une bibliothèque (j'utilise jQuery):

$(document).ready(function() {
$("li a[href=SOMETHING1]").parent().hide();
});