原型隐藏具有特定链接的 div ( 发布于 2024-07-22 10:02:01 字数 239 浏览 5 评论 0 原文 我有以下 HTML： <div> <a href="http://google.com"> Google </a></div> 我正在使用原型库。 我需要隐藏带有链接 http://google.com 的 div。 谢谢。 原文 收藏 0 分享到微信 分享到QQ 分享到微博 如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

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 上的 div。甚至在树中的更高级别。