javascript - 在表单中获取焦点输入类或 ID

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> in witch 是输入。我知道如何将类(class)添加到 li ，问题是如何找到输入焦点.... $("#input_"+ var).parent().addClass("field-active");

什么是 var ？

Answer 1

你可以试试 :focus 选择器:

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

访问类:

$('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