Javascript 更改“的背景色”；"；在切换到下一个td时

我想在更改“th”元素旁边的“td”元素中的“input”元素后，更改“th”元素的颜色

这是我使用的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>

菲诺
电子邮件ID

它的行为与我所期望的一样-它更改了行中所有“th”元素（代码中的PhoneNo和EmailId）的背景色。但我只想更改一个“th”的颜色，即对应的“td”前面的一个（仅PhoneNo）

瞧不起

---

请注意，由于

.prev（）

正在查找以前的同级元素，因此您需要首先查找td元素

哦，我可以在每个“th”元素上使用“id”。我真傻。谢谢

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

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