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

在我的网站上，我有以下代码。我想获取作为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>

最佳答案

要遍历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>

关于jquery - 如何在jQuery中选择元素的祖 parent ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35567382/