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。我试着把这个问题搞得一团糟，但我没有运气。任何提示将不胜感激。

Answer 1

尝试使用：

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

演示位于：http://jsfiddle.net/ZsLZ2/

Answer 2

为什么不

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

请注意，如果您有许多按钮，则应使用$（this）来选择好按钮：

$('.testButton').click(function(){
    var text = $(this).parent().prev().find('p').text();
    alert(text);
});​

DEMONSTRATION

Answer 3

在您的情况下，您可以使用siblings：

$('.testButton').click(function() {
    alert($(".testButton").siblings().text())
});

DEMO： http://jsfiddle.net/3a69A/