在jQuery中選擇兄弟的內容

Question

我想要獲取jQuery中某個鏈接的同級的值，但我不知道如何選擇它。這是我的HTML代碼。

<figure> 
    <a class="figure" href="http://wbond.net/sublime_packages/img/package_control/install_package.png"><img src="http://wbond.net/sublime_packages/img/package_control/install_package.png" title="Something"></a> 
    <figcaption> 
     Great Picture Description. Original by <a href="http://www.example.com/">Random person</a> 
    </figcaption> 
</figure> 

我想要顯示從figcaption的figure裏面的內容。我使用的實際代碼是使用鏈接中的title屬性。

$(obj).attr('title') 

感謝您的支持

Answer 1

http://jsfiddle.net/hVEfC/

var content = $('figure figcaption').html(); 
alert(content);​ 

Answer 2

要在這裏回答你的標題，（但不是你的問題）是next sibling選擇：

$('.figure ~ figcaption'). 

Answer 3

我我假設你想要使用的內容0作爲的fancybox title ....所以與上述相同html和的fancybox V2.X試試這個腳本：

<script type="text/javascript"> 
var newCaption; 
$(document).ready(function() { 
$(".figure").fancybox({ 
    afterLoad: function(){ 
    newCaption = $(this.element).next('figcaption').html(); 
    this.title = newCaption 
    } 
}); // fancybox 
}); // ready 
</script> 

如果你想改變title類型，使用helpers選項像

helpers: { 
title : { 
    type : 'inside' 
} 
}