更改“th”的背景颜色,更改为紧接着的下一个td
Change background color of "th" on change to the immediately next td
我想
在更改旁边的"td"元素中的"input"elem 后更改"th"元素的颜色。
这是我使用的jQuery脚本。
$('#phoneNo').change(function () {
$(this).closest("tr").find("th").css("background-color","yellow");
});
网页代码
<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)
$('#phoneNo').change(function () {
$(this).parent().prev("th").css("background-color","yellow");
});
请注意,由于.prev()
正在寻找以前的兄弟姐妹,因此您需要首先找到 td 元素
$('#phoneNo').change(function () {
$(this).parent().prev('th').css("background-color","yellow");
});
见小提琴 http://jsfiddle.net/zSjMh/1/
相关文章:
- 正在获取生成的PHP td值
- 如何在td元素中添加监听器
- 如何首先设置样式<td>表中包含在窗体中的元素
- 使用javascript获取表的td值
- tu如何将id放在填充了json数据的html表td上
- 改变所有<td>为特定的桌子点击颜色
- JQuery展开和隐藏表td
- jQuery如何获取td单元格值
- 如何调用表td标记内的Onload函数
- 使用谷歌地图api计算距离并将其设置在表格中<td>
- 查找所有TD标签并读取其数据属性
- 在同一tr-jQuery中获取td的值
- jQuery将td onclick值传递到其他表
- 计算HTML表TD中两个数字之间的百分比
- 使用querySelector()获取最后一个td元素
- <td> focusin event .addclass
- 如何通过js更改td的属性
- 选择所有td's基于所选内容覆盖多行
- JQuery选择器:如果同级具有.class,则选择td
- 更改“th”的背景颜色,更改为紧接着的下一个td