Combining parent() and children() selectors in JQuery
<p>I currently have the following series of JQuery selectors:</p>

<p><code>$(this).parent().parent().children('a').children('img').attr('src')</code></p>

<p>It works just fine but is there a more compact way to do this?</p>

<p><strong>UPDATE</strong></p>

<p>Here's my HTML structure:</p>

<pre><code>&lt;div class="preview"&gt;
    &lt;a&gt;&lt;img src="#"&gt;&lt;/a&gt;
    &lt;div class="info"&gt;
        &lt;div class="item"&gt;This is where we start.&lt;/div&gt;
    &lt;div&gt;
&lt;/div&gt;
</code></pre>
