Question

在我的网站中，我有以下代码。我想获取锚元素的href，它是iframe的主要内容。我可以从iframe开始获取锚元素的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>

如何在jquery中选择元素的祖父母

1 个答案: