Jquery 在输入的焦点上添加类，而不是单击

我已经创建了一个很好的小输入字段，它在单击时将标签字段推到输入上方。我已经尝试过将JS改为焦点，但它不起作用

我需要这样做，当人们从一个字段切换到另一个字段时，同样的效果也适用

小提琴：

HTML:

不需要在每个循环中都使用

只需收听有关输入的焦点事件，并将类添加到最近的.form行

$.form行输入。关于“焦点”，函数{ $this.closest.form行.addClass'active-field'； }; .有源场{ 颜色：红色； } 你的电子邮件 选中此项：

不用了，每个人都有。

---

事件焦点只适用于输入。

您是要将类添加到输入还是.form行？我问，因为每个都有6个以上的输入，所以我需要将它应用到每个表单行，而不是所有表单行，所以。。。是否要将该类添加到.form行？

<div class="form-row">
     <label>Your email</label><br>
     <span class="wpcf7-form-control-wrap name-text"><input type="text" name="name-text" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"></span>
</div>

$( ".form-row" ).each(function() {
        $(this).on("click", function(){
            $(this).addClass('active-field');
        });
    });

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