Hiding li element using sub-element's information [closed]

Question

Closed. This question needs details or clarity. It is not currently accepting answers.

---

Want to improve this question? Add details and clarify the problem by editing this post.

Closed 9 years ago.

Improve this question

I load a web page from the internet (say www.google.com or whatever). This page is written in HTML. Suppose in this code there is this 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>

I want to know if there is a way to hide the section (the li section) that I mention in the previous code ("Hide this li") as soon as I load the page. In my screen, I don't want to execute the section li that I mention.

I did some research and I think that the Firefox extension Greasemonkey does it. What will be the script to add to do this ? Or, there is a different way (without Greasemonkey).

Answer 1

It's not possible using only html and css. I would do it using javascript and a library (I use jQuery):

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