Выбор содержимого брата в 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

I Предполагаю, что вы хотите использовать контент figcaption как 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' 
} 
}