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容器添加一个标识符，以便更快地找到它：

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

然后你可以使用jquery中的siblings()方法：

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

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

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

2 个答案: