表单输入的样式祖先元素:焦点(jQuery)
提问于 2008-11-19 04:17:32
我有一个带有DIV的表单，有3个输入，每个输入都位于一个标签元素中。当关注每一个输入时，我想改变DIV元素的背景图像。
我不能回到DOM来用CSS解决这个问题，所以有人能推荐几行jQuery吗？
谢谢
回答 3
Stack Overflow用户
发布于 2008-11-19 04:28:25
$('div input').focus(function(){
$(this).parents('div:eq(0)').addClass('specialCSSclass');
}).blur(function(){
$(this).parents('div:eq(0)').removeClass('specialCSSclass');
});您需要在CSS中创建一个类，然后用它替换"specialCSSclass“。
Stack Overflow用户
发布于 2008-11-19 04:27:49
$('input').focus(function(){
$(this).parent().parent().addClass('highlight');
}).blur(function(){
$(this).parent().parent().removeClass('highlight');
});Stack Overflow用户
发布于 2011-01-14 19:14:29
jQuery closest也是一种选择。
closest( selector )
.closest( selector )
.closest( selector, [ context ] )
closest( selectors, [ context ] )
.closest( selectors, [ context ] )根据描述..获取与选择器匹配的第一个祖先元素，从当前元素开始，向上遍历DOM树。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/301722
复制
腾讯云开发者
