jquery - 表单输入的样式祖先元素:focus (jQuery)

Question

我有一个带有 DIV、3 个输入的表单，每个输入位于一个 LABEL 元素内。我想在关注每个 INPUT 时更改 DIV 元素的背景图像。

我无法移回 DOM 来使用 CSS 修复此问题，所以有人可以建议几行 jQuery 吗？

谢谢

Answer 1

$('div input').focus(function(){
    $(this).parents('div:eq(0)').addClass('specialCSSclass');
}).blur(function(){
    $(this).parents('div:eq(0)').removeClass('specialCSSclass');
});

您需要在 CSS 中创建一个类，然后用它替换“specialCSSclass”。