Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 打开类:焦点_Javascript_Jquery_Toggleclass_Closest - Fatal编程技术网

Javascript 打开类:焦点

Javascript 打开类:焦点,javascript,jquery,toggleclass,closest,Javascript,Jquery,Toggleclass,Closest,我使用的是插件,无法简单地调整表单上标签和输入的顺序。当.ginput\u容器中的输入被聚焦时,我试图在标签(.gfield\u label)上切换一个类。关于为什么没有执行以下内容,有什么想法吗 jQuery(document).ready(function($){ $('.ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea').f

我使用的是插件,无法简单地调整表单上标签和输入的顺序。当
.ginput\u容器
中的输入被聚焦时,我试图在标签(
.gfield\u label
)上切换一个类。关于为什么没有执行以下内容,有什么想法吗

jQuery(document).ready(function($){ 
    $('.ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea').focus(function(){
        $(this).closest('.ginput_container').prev('.gfield_label').toggleClass('neat');
    })
});
HTML格式如下:

<label class='gfield_label' for='input_1_5'>How can we help you today?</label>
<div class='ginput_container'><textarea name='input_5' id='input_1_5' class='textarea medium' tabindex='5'   rows='10' cols='50'></textarea></div>
我们今天能为您提供什么帮助?

没有看到HTML-否。您在第二个
ginput
tho上缺少一个类选择器。您的控制台是否有任何错误?如果您在浏览器中打开开发人员工具。控制台在说什么吗?正如在输出错误时一样?您忘记了第二个类名前的一个点感谢您捕获了@tymeJV,控制台中没有错误这在JSFIDLE中对我来说很好,但当然它不会在框失去焦点时从标签上删除
.neat
,因为您没有在听
blur
事件