親クラスとIDを見つける

Question

数え切れないほどの試みの後、私はこの仕事を得ることができませんか？

<script type="text/javascript">
    $("td input").focusout(function() {
      var column = $(this).parent('td').attr('class');
      var row = $(this).parent('tr').attr('id');
      $('#dat').HTML(row+" "+column);
    }); 
</script>

そして、HTMLは次のようになります：

<tr class="numbers" id="1">
<td class="a" align="right">1</td>
<td class="b"><input class="input" type="text" value=""/></td>
<td class="c"><input class="input" type="text" value=""/></td>

<td class="d"><input class="input" type="text" value=""/></td>
<td class="e"><input class="input" type="text" value=""/></td>
<td class="f">0</td>
<td class="g"><input class="input" type="text" value=""/></td>
</tr>

誰かが私に何が間違っているのかについて正しい方向を向けることができますか？

Answer 1

小文字である必要があることに注意してください

$('#dat').HTML(row+" "+column);

.html

と

$(this).parent('tr')

nullです、入力には親trを持つことができません

これに加えて、使用できます

.closest( selector, [ context ] ) 働き

Answer 2

試す：

$(this).closest('td').attr('class')

コードの適切な場所で。 IDについても同じこと。

Answer 3

あなたのコードはほとんどの場合正しく見えます、これらのことを修正するだけです：

$('#dat').HTML(row+' ' +column);

これに：

$('#dat').html(row + ' ' + column);

この：

$(this).parent('tr').attr('id');

これに：

$(this).parents('tr').attr('id');

Answer 4

使用したい .parents() ではなく機能 .parent().

理由、ドキュメントから、私のハイライト。

DOM要素のセットを表すjQueryオブジェクトが与えられると、.Parent（）メソッドにより、DOMツリー内のこれらの要素の親を検索し、一致する要素から新しいjQueryオブジェクトを構築できます。 .Parents（）および.Parent（）メソッドは類似していますが、後者はDOMツリーの上に単一のレベルを移動することを除きます。