jQueryのvalが、私は自分のアプリケーションで、次のHTMLコードを持って、空の文字列

Question

を返します：私がする必要がどのような

<tr style="cursor:pointer;"> 
    <td>100101</td> 
    <td>Monkey</td> 
    <td>Nuts<td> 
    <td>Cow</td> 
    <td>Soup</td> 
    <td>Chicken</td> 
    <td>Leg</td> 
    <td class="non-clicky"> 
     <p>Click</p> 
    </td> 
</tr> 

は、私は非clickyクラスをクリックしたときに最初のTDの値を取得することです。

：100101.

だから、代わりに私はコードを試してみました、空の文字列を返されない結果 - 「」の値で

alert($('.non-clicky:first').parent().children('td:first').val()); 

このコードの結果： は、だから私は、コードを持っています

alert($('.non-clicky:first').siblings(':first').val()); 

これも値が空の文字列になっていますが、なぜ.val()が正しい結果の代わりに空の文字列を返すのですか？

私は以下のコードを試しましたが、これは私に正しい答えを与えますが、なぜvalがそうでないのか不思議です。 valとtextの違いは何ですか？

alert($('.non-clicky:first').siblings(':first').text()); 
// and 
alert($('.non-clicky:first').parent().children('td:first').text()); 

注：

上記のコードは$('.non-clicky:first')これを利用し、それはjQueryのクリックイベント内であろうコードで私のテスト目的のためだけでした。

Answer 1

.text(),.val()は、入力要素の値を取得するためのものです。

Answer 2

使用text()：

$('.non-clicky').click(function(){ alert($(this).siblings().first().text()); });