Прототип скрывает div, который имеет конкретную ссылку (<a href)

Question

У меня есть следующий HTML:

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

Я использую библиотеку прототипов. Мне нужно скрыть div, который имеет ссылку http://google.com с ним. Спасибо.

Answer 1

В прототипе:

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

Answer 2

Вы можете использовать CSS для этого.

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

и затем в CSS сделать:

#hideMe {
  display:none;
}

Answer 3

Вам доступен jQuery ?

Если это так, используйте следующий код:

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

Если родитель не обязательно находится на ближайшем следующем уровне в DOM, используйте .parents вместо:

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

Однако это может повлиять на div s на еще более высоком уровне дерева.