"th"の背景色をすぐ次のtdに変更する

Question

'th'要素の色を変更するには、そのすぐ隣の 'td'要素の 'input'要素に変更を加えます。

ここで私が使用したjqueryスクリプトです。

$('#phoneNo').change(function() { 
    $(this).closest("tr").find("th").css("background-color","yellow"); 
    }); 

HTMLコード

<tr> 
    <th>PhoneNo</th> 
    <td><input type="text" id="phoneNo"/></td> 
    <th>EmailId</th> 
    <td><input type="text" id="emailId"/></td> 

</tr> 

Iが期待できるようにそれは振る舞う - これは、行の要素（コードでPHONENOとEMAILID両方）「番目の」すべての背景色を変更します。しかし、私が欲しい「th'-だけ対応する前の1 『TD』（のみPHONENO）を一つだけの色を変更することです

Answer 1

$('#phoneNo').change(function() { 
    $(this).parent().prev("th").css("background-color","yellow"); 
}); 

ノートでフィドルを参照してください。 .prev()は、以前の兄弟を探しています。最初にtd要素を見つける必要があります。

Answer 2

$('#phoneNo').change(function() { 
    $(this).parent().prev('th').css("background-color","yellow"); 
});​ 

以来というhttp://jsfiddle.net/zSjMh/1/