jquery - jquery中如何选择元素的祖 parent

Question

在我的网站中，我有以下代码。我想获取作为 iframe 祖父的 anchor 元素的 href。从 iframe 启动时如何获取 anchor 元素的 href

<a href="https://www.google.co.in/?gfe_rd=cr&ei=LrrLVpa7BuKK8Qf7wo_wCg&gws_rd=ssls" >
  <section class="section">
     <iframe width="560" height="318" class="product-card-media" src="https://www.youtube.com/embed/ZLls1Wn6070?rel=0&amp;autohide=0&amp;modestbranding=1&amp;showinfo=0&amp;enablejsapi=1" frameborder="0" enablejsapi="1" allowfullscreen="" id="fitvid1"></iframe>
  </section>
</a>

Answer 1

要遍历 DOM 树，请使用 closest

$("button").on('click', function() {
  $("#href").html($("iframe").closest("a").prop("href"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<a href="https://www.google.co.in/?gfe_rd=cr&ei=LrrLVpa7BuKK8Qf7wo_wCg&gws_rd=ssls" >
  <section class="section">
     <iframe width="560" height="318" class="product-card-media" src="https://www.youtube.com/embed/ZLls1Wn6070?rel=0&amp;autohide=0&amp;modestbranding=1&amp;showinfo=0&amp;enablejsapi=1" frameborder="0" enablejsapi="1" allowfullscreen="" id="fitvid1"></iframe>
  </section>
</a>

<button>Get Href</button>

<p id="href"></p>