document.getElementById（“ id”）。value正常工作，但$（'＃id）.val无效

Question

我有一些文本类型的输入字段。我正在从JSON对象获取值，并尝试使用javascript / jquery动态填充这些值。 当我使用document.getElementById('id').value填充值时，效果很好。但是$('#id').val()给出了错误。

HTML：

<div class="form-group">
   <label > First Name</label>
   <input type="text" class="form-control" id="txtFirstName"> 
</div>

JavaScript：

var UserID = 25;
function editUser(response)
{
   var obj = response;
   $.each(obj.userDataDTOList, function(index, item){
       if(item.userId == UserID)
       {
           document.getElementById('txtFirstName').value = item.userFirstname;
           //$('#txtFirstName').val() = item.userFirstname;
       }
   });
}

这是错误：

  

未捕获的ReferenceError：分配中的左侧无效           在对象。 （editUser.js：35）           在Function.each（jquery.min.js：2）

Answer 1

.val()是一种jQuery方法，将值作为参数设置在元素中。

尝试

$('#txtFirstName').val(item.userFirstname);