合并母公司（）和子女（）选择在JQuery中

Question

我公司目前有以下系列jQuery选择的：

$(this).parent().parent().children('a').children('img').attr('src')

它工作得很好，但有一个更紧凑的方式做到这一点？

UPDATE

这里是我的HTML结构：

<div class="preview"> 
    <a><img src="#"></a> 
    <div class="info"> 
     <div class="item">This is where we start.</div> 
    <div> 
</div> 

Answer 1

这样的工作给你的初始条件，无论具体的标记：”

$(this).parent().siblings('a').children('img').attr('src') 

Answer 2

你可以这样做：

$(this).closest('.preview').find('a img').attr('src') 

Closest Docs | Find Docs

Answer 3

随着该HTML，一个办法是：

$(this).parents(".preview").find("a img").attr("src"); 

你也很容易做到：

$(this).parent().prev().children("img").attr("src"); 

虽然，如果您可以使用HTML5，我的建议将如下添加一个数据裁判开始元素DIV：

<div class="item" data-ref="#imgID-1">This is where we start.</div> 
// and of course add an id to the img 
<img id="imgID-1" src="blah.png" /> 

然后你就可以轻松的回忆：

var source = $($(this).data("ref")).attr("src");