Question

当关注输入元素时，我无法让这个jquery添加一个类。

(function($) {

$('input.input-text').focus( function(){
    $(this).parent('p').addClass('focused_on');
});

});

当输入聚焦时，它应该将'focused_on'类添加到父p元素。

这是HTML：

(function($) {

  $('input.input-text').focus(function() {
    $(this).parent('p').addClass('focused_on');
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="form-row form-row form-row-first validate-required" id="billing_first_name_field"><label for="billing_first_name" class="">First 
    Name <abbr class="required" title="required">*</abbr></label><input type="text" class="input-text " name="billing_first_name" id="billing_first_name" placeholder="" autocomplete="given-name" value="" /></p>

我做错了什么？

Answer 1

在结尾处执行此操作 }）（jQuery的）;

Answer 2

您的包装函数未被调用。看看这个：

(function($) {

});

这定义了一个匿名函数，但不运行它。为了运行一个函数，你需要()，因为你传递了jQuery，你需要这样做：

(function ($) {

})(jQuery); // runs function, and passes in jQuery

Answer 3

从'p'移除.parent() 我检查了。所有工作

并添加$(document).ready

$(document).ready(function($) {

$('input.input-text').focus( function(){
    $(this).parent().addClass('focused_on');
});

});

重点关注输入元素时的jQuery addClass

3 个答案: