Question

您好我想要重新调整焦点输入的类。例如，我有这段代码：

<div class="form-all">
<ul class="form-section">
  <li class="form-line" id="id_8">
    <label class="form-label-left" id="label_8" for="input_8">  </label>
    <div id="cid_8" class="form-input">
      <input type="text" class="form-textbox" id="input_8" name="q8_8" size="50" placeholder="Full Name">
    </div>
  </li>
  <li class="form-line" id="id_7">
    <label class="form-label-left" id="label_7" for="input_7">  </label>
    <div id="cid_7" class="form-input">
      <input type="text" class="form-textbox" id="input_7" name="q7_7" size="50" placeholder="Company Name">
    </div>
    </li>
    <li class="form-line" id="id_4">
    <label class="form-label-left" id="label_4" for="input_4">  </label>
    <div id="cid_4" class="form-input">
      <input type="email" class="form-textbox validate[Email]" id="input_4" name="q4_4" size="50" placeholder="Email Address">          
    </div>
  </li>
</ul>
 </div>

这是一个包含23个输入的表单。我希望当我关注一个输入来向<li>添加一个类时，女巫就是输入。我知道如何将类添加到li，问题是如何找到重点输入.... $("#input_"+ var).parent().addClass("field-active");

什么是var？

Answer 1

您可以尝试 :focus 选择器：

$('input:focus').attr('id');

访问class：

$('input:focus').attr('class');

如有必要，您可以更改选择器。

检查

$('input').on('focus', function() {
    $('.field-active').removeClass('field-active')
    $(this).parent().addClass("field-active");
}).on('blur',function() {
    $('.field-active').removeClass('field-active')
});

的 Demo 的

在表单中获取焦点输入类或id

1 个答案:

检查