jQuery子選擇器幫助

Question

必須有更好的方法來選擇這個元素。有人能幫助我嗎？我試過了孩子和最後一個孩子，但我沒有得到它。

這裏是我的代碼：

<li> 
    <div class="pic" style="width:300px; text-align:center;"> 
     <img src='path/to/my/image.jpg' /> 
    </div> 
    <p> 
     <span title="<?php echo $media_title; ?>">Title: <?php echo stringDisplay($media_title,12); ?></span><br /> 
     <span title="<?php echo $media_filename; ?>">File: <?php echo stringDisplay($media_filename,18); ?></span><br /> 
     Updated: <?php echo date("n/j/y", $lastUpdated).' at '.date("h:ia",$lastUpdated); ?> 
    </p> 
    <a class="link" href="javascript:;" onclick="alert($(this).parent().children('.pic').children().children().children().attr('src'));" style="margin-bottom:3px;">Preview</a> 
</li> 

我試圖從它下面的鏈接第一個div選擇圖像的圖像源。最好的我可以拿出：

alert($(this).parent().children('.pic').children().children().children().attr('src')); 

Answer 1

這是你在找什麼？

$(this).parent().find('div.pic>img').attr('src'); 

N.B.我強烈建議使用而不是使用onclick來綁定您的Javascript事件處理程序。

Answer 2

找到具有圖像元素的第一個兄弟並返回src屬性。

$(this).prevAll().find('img:first').attr('src'); 

Answer 3

這是我會怎麼做：

$(this).siblings('.pic').children('img').attr('src'); 

• http://api.jquery.com/siblings/
• http://api.jquery.com/children/
• http://api.jquery.com/attr/

有很多方法在jQuery的遍歷：

• http://api.jquery.com/category/traversing/