JQuery - 从同一父元素的另一个子元素检索值

Question

我对 JQuery 相当陌生，并且在某些我确信很简单的事情上遇到了麻烦。这是我正在使用的一些 html 的示例:

<tr>
<td><div class="testclass"><p>Test text</p></div></td>
<td><button class="testButton">Button text</button></td>
</tr>​

当点击按钮时，我想获取<p>中的值在前一个单元格中。以下是我目前尝试选择它的方法:

var text = $(".testButton").parent().parent().closest('p').text();

在onClick内按钮的功能，我也尝试过:

$(this).prev('p').text();

但是，它始终是 null 。我已经用 jsfiddle 搞乱了一段时间试图解决这个问题，但没有运气。任何提示将不胜感激。

Answer 1

尝试使用:

$(".testButton").click(function(){
 alert($(this).parent().parent().find('p').text());
});

演示地址:http://jsfiddle.net/ZsLZ2/