使用jQuery中的next()方法从段落中提取文本的问题

时间:2012-02-15 16:56:56

标签: jquery mobile

首先,这是我的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而不是double next()。有什么想法吗?

感谢。

1 个答案:

答案 0 :(得分:0)

您想使用siblings - next仅匹配紧随其后的兄弟。从你的小提琴:

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

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

如果您在标记中有更好的范围,可能会更高效,例如在p内点击div