Проблемы с извлечением текста из абзаца с использованием метода next () в jQuery

Question

Для начала, это мой jsfiddle: http://jsfiddle.net/gab2G/2/

<div id="div">Click</div>
<a href="#">Blabla</a>
<a href="#">Blabla</a>
<a href="#">Blabla</a>
<a href="#">Blabla</a>
<p class="selected">goal</p>

Используя jQuery, я хочу извлечь текст из абзаца в конце.Я знаю, что мог бы просто использовать

$('div').click(function() {
var str = $('p').text();
});

, но то, что я пытаюсь достичь, связано с другой моей проблемой (которая затем была просто решена с помощью next (). Next () для достижения цели и скрытияэто), но сейчас я делаю мобильную версию страницы, используя jQuery mobile, и, хотя элементы расположены точно так же, next (). next (), похоже, больше не работает.Я подумал, что должен начать с поиска более эффективного способа выбора целевого элемента div, чем двойной следующий ().Есть мысли?

Спасибо.

Answer 1

Вы хотите использовать siblings - next соответствует только следующему брату. С твоей скрипки:

$('div').click(function() {
  var str = $(this).siblings('p').text();
  alert(str);

  var str2 = $(this).siblings('.selected').text();
  alert(str2);
});

Вероятно, было бы более продуктивно, если бы у вас была лучшая область видимости в вашей разметке, например, например, p внутри div, на который вы нажимаете.