title: Get the closest img src inside a div
body: <p>I need to get the src of an image inside the <strong>closest</strong> div with the class name "asd" but I keep getting "undefined" returned. Here's my code:</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div class="asd"&gt;
       &lt;img src="https://www.google.com/images/srpr/logo11w.png" alt="test"&gt;
  &lt;/div&gt;
  &lt;button type="button" onclick="show()" &gt;test&lt;/button&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code> function show(){
       var url = jQuery(this).closest('.asd').find("img").attr("src");  
       alert(url);
    }
  </code></pre>
  
  <p>This works: <code>$('.asd').find('img').attr('src');</code> but it's not what I need. I need it be the closest div. What am I doing wrong?</p>