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

Чтобы ответить на ваш заголовок (но не на ваш вопрос), вот селектор для следующего брата :

$('.figure ~ figcaption').

Answer 2

Я предполагаю, что вы хотите использовать содержимое 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'
 }
}

Answer 3

http://jsfiddle.net/hVEfC/

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