javascript - JS/HTML:将类添加到搜索输入的父类不起作用

嗨，我正在尝试选择搜索输入的父级DIV，以便在聚焦搜索输入时可以更改背景色。我很困惑为什么此代码无法正常工作。谢谢你的帮助。

http://jsfiddle.net/BZ5uf/1/

的HTML

<div class="search">
   <input class="box" value="Search" onfocus="if(this.value=='Search') this.value='';" onblur="(this.value=='') this.value='Search';">
</div>

的CSS

.search {
    position: relative;
    margin: 20px;
    width: 300px;
    height: 65px;
    border: 1px solid black;

}
input.box {
    margin: 10px;
}

.fill {
    background: #222;
}

JAVASCRIPT

$(function(){
    $('.box').focus(function(){
        $(this).parent().addClass('fill');
 )};

最佳答案

语法错误丰富。

)}; //mismatched order

应该

    });
}); //you also forgot to close DOM ready handler

也可以使用小提琴顶部的“ JSHint”按钮进行实验。

好的IDE也会为您突出显示这些错误。同样，使用适当的缩进有助于找到未封闭的处理程序：

$(function () {
    $('.box').focus(function () {
        $(this).parent().addClass('fill');
    });
});

以上格式是使用jsfiddle的“ TidyUp”按钮获得的。这是您的updated fiddle。

关于javascript - JS/HTML:将类添加到搜索输入的父类不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14782830/