如何在 jQuery 的 `val` 中访问元素本身？

我的代码如下：

const pagedata = {
    name: "Value for name",
    email: "Value for email",
  };

$(".fillvalfromvar").val(pagedata[$(this).attr("id")]);

我需要填充所有具有以下元素的元素fillvalfromvarclass 具有元素 id 指向的变量值。例如 HTML 如下：

<input id="name" class="fillvalfromvar" type="text">
<input id="email" class="fillvalfromvar" type="text">

我想填补这些vals with pagedata["name"] and pagedata["email"]， 分别。

But the thisvalue 不指向原始元素。我应该用什么来代替？

使用以下语法接受函数作为参数

$('.fillvalfromvar').val( function(){
   return pagedata[ this.id ];
});

(假设那些input元素有fillvalfromvar class)

或者你可以使用.each() method

$('.fillvalfromvar').each( function(){
   this.value = pagedata[ this.id ];
});