如何从jQuery选择器到达元素

Question

我的代码如下：

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

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

<input id='name' type='text'>
<input id='email' type='text'>

我想分别用vals和pagedata['name']填充pagedata['email']。

但'这个'声明不起作用。

有人可以提出解决方案吗？

Answer 1

使用accepts a function as the parameter

的语法

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

（假设这些input元素具有fillvalfromvar类）

---

或者您可以使用.each()方法

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

Answer 2

您需要定义输入文本的类：

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

请试一试。

Answer 3

只需使用$ .each

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

或使用$('input[id]')如果这些输入没有提到的类

Answer 4

试试这个

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