jquery - 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/

Answer 2

なぜだめですか

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

ボタンが多数ある場合は、 $(this) を使用して適切なボタンを選択する必要があることに注意してください。

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

デモンストレーション

Answer 3

あなたの場合、兄弟を利用できます：

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

デモ: http://jsfiddle.net/3a69A/