将“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>

它的行为就像我所期望的那样 - 它改变了行中所有'th'元素（代码中的PhoneNo和EmailId）的背景颜色。但我想要的是改变只有一个'th'的颜色 - 就在相应的'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");
});