I have the following HTML:
<div> <a href="http://google.com"> 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.
在原型:
$$('div a[href="http://google.com"]').each(function (e) { Element.hide(e.parentNode); })
You could use a CSS to do this.
<div class="hideMe"> <a href="http://google.com"> Google </a></div>
and then in a CSS do :
#hideMe {
display:none;
}
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 div
s on an even higher level in the tree.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.