$ {this.id}未捕获的TypeError：无法读取变量

Question

当尝试从输入元素访问id属性时，出现了未定义的错误。

这是我代码的基础

html：

<form class="main-form">
<input class="form_input" id="f-name" type="text" name="f-name" required>
<label class="form_label" for="f-name">First name</label>
</form>

js：

const $input = $('.main-form :input');

$input.focus(() => {
  $(`label[for="${this.id}"]`).addClass(`class-name`);
});

我不明白为什么在变量的正上方定义变量时，它不起作用。 任何帮助表示赞赏。