jquery - 我们如何使用 jquery 隐藏兄弟 div h2

Question

<div>
  <div>
    <h2>Referral Schedules</h2>
  </div>
  <div>
   <script="javascript">
   </script>
   <iframe width="100%" height="100" frameborder="0" src="www.google.com">
  </div>
</div>

我有一个页面，我可以在其中控制 HTML 的一部分，即我们拥有 iframe 的 div。我需要一些方法来隐藏 h2 标签。

Answer 1

$('div > div > h2').hide();

可能是最好的方法。

但为什么，真的。为什么？使用一个类。

如果是我，我会做一些特别的事情

<div>
  <div>
    <h2 class="heading-sibling">Referral Schedules</h2>
  </div>
  <div>
   <script="javascript">
      $(function(){
        $('.heading-sibling').hide();
      });
   </script>
   <iframe width="100%" height="100" frameborder="0" src="www.google.com"></iframe>
  </div>
</div>

Answer 2

如果您可以更改 HTML 部分，我将为 iframe-container 添加一个标识符以更快地找到它：

<div id="iframe_container">
   <script="javascript">
   </script>
   <iframe width="100%" height="100" frameborder="0" src="www.google.com">
</div>

然后你可以像这样使用 jquery 中的兄弟姐妹（）方法：

$('#iframe_container').siblings().find('h2').hide();

这是工作的jsfiddle：http: //jsfiddle.net/Bgc5f/