JQuery改变TR背景颜色取决于当前选择的文本输入
JQuery Change TR background Colour depending on currently selected Text Input
我试图使一个系统,改变当前输入框正在输入/选择的TR元素的背景颜色。我目前有它,所以你改变到下一个文本框时,一个字母被输入到当前文本框。
<html>
<body>
<table>
<tr>
<td>
<input type='text' id='txt1' maxlength='1' />
</td>
</tr>
<tr>
<td>
<input type='text' id='txt2' maxlength='1[' />
</td>
</tr>
</table>
<script src="Scouts/resources/plugins/jquery.js"></script>
<script>
$('#txt1').keyup(function () {
if (this.value.length == $(this).attr('maxlength')) {
$('#txt2').focus();
}
});
</script>
</body>
</html>
我希望聚焦输入的父TR元素与其他TR元素的颜色不同。
提前感谢,抱歉我的解释不好!
Try
$('tr input').focus(function () {
var $tr = $(this).closest('tr'); //get tr
$tr.css('background-color', 'red'); //change background color
$tr.siblings().css('background-color', 'OldColor'); //set sibling tr's background color to be old color
}).blur(function () {
var $tr = $(this).closest('tr');//get tr
$tr.css('background-color', 'OldColor');//set tr's background color to be old color
});
相关文章:
- 用于选择/文本框操作的JavaScript
- 以编程方式选择文本Mobile Safari
- Firefox输入可以't在选择文本时滚动
- 如何在javascript中取消选择文本框
- 如何在html中打印选择文本
- SVG元素——处理和选择文本
- 选择文本并添加到本地存储
- 选择“p文本jquery”
- 为什么火狐在我更改 innerHTML 时会选择文本
- 根据换行符选择文本
- 如何按从当前单词到段落中该句子(.)结尾的范围选择文本
- 单击按钮时选择文本
- JavaScript 触发器事件在 Android 上选择文本
- .val() 选择文本而不是值字符串,当网页动态编辑源 html
- 为什么不用特殊字符替换选择文本,以及如何删除此特殊字符
- 使用链接多次选择文本
- 使用jQuery在焦点上选择文本框是't在移动浏览器中工作
- Safari存在文本输入问题,用户输入时会选择文本,导致文本丢失
- Bootstrap下拉菜单-仅复选框不选择文本
- 使用.on的多个下拉菜单选择文本仅适用于第一个下拉菜单