javascript - jQueryの「val」内の要素自体に到達する方法は?

Question

私のコードは次のとおりです。

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

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

クラスを持つすべての要素にfillvalfromvar、要素 ID が指す変数の値を入力する必要があります。たとえば、HTML は次のとおりです。

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

valそして、それらのをそれぞれpagedata["name"]とで埋めたいと思いpagedata["email"]ます。

しかし、this値は元の要素を指していません。代わりに何を使用すればよいですか?

score 0 · Accepted Answer

$.each を使用するだけです

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

または$('input[id]')、これらの入力に言及されたクラスがない場合に使用します

score 0 · Accepted Answer

これを試して

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

4 に答える 4