title: How to select the grandparent of an element in jquery
body: <p>In my site i am having the following code.i want to get the href of the anchor element which is the grand parent of the iframe.how i can get the href of the anchor element when starting from the iframe</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a href="https://www.google.co.in/?gfe_rd=cr&amp;ei=LrrLVpa7BuKK8Qf7wo_wCg&amp;gws_rd=ssls" &gt;
    &lt;section class="section"&gt;
       &lt;iframe width="560" height="318" class="product-card-media" src="https://www.youtube.com/embed/ZLls1Wn6070?rel=0&amp;amp;autohide=0&amp;amp;modestbranding=1&amp;amp;showinfo=0&amp;amp;enablejsapi=1" frameborder="0" enablejsapi="1" allowfullscreen="" id="fitvid1"&gt;&lt;/iframe&gt;
    &lt;/section&gt;
  &lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>