Prototype hide the div that has a specific link (<a href)

Question

I have the following HTML:

<div> <a href="http://google.com"&gt; Google </a></div>

I am using prototype library. I need to hide the div that has the link http://google.com with it. Thank you.

Answer 1

You could use a CSS to do this.

<div class="hideMe"> <a href="http://google.com"&gt; Google </a></div>

and then in a CSS do :

#hideMe {
  display:none;
}

Answer 2

Is jQuery available to you?

If so, use the following code:

$(document).ready(function() {
    $('a[href=http://www.google.com]').parent('div').hide();
});

If the parent is not necessarily on the immediate next level in the DOM, use .parents instead:

$(document).ready(function() {
    $('a[href=http://www.google.com]').parents('div').hide();
});

However that might affect divs on an even higher level in the tree.

Answer 3

In Prototype:

$$('div a[href="http://google.com"]').each(function (e) { Element.hide(e.parentNode); })