使用HTML5数据属性的AJAX响应

我有一个工作环境，我正在使用AJAX响应来填充HTML元素。

例如，AJAX响应有两个（或n个）对象，如下所示：

0:Object id: "111" Name: "abc" 1:Object id: "112" Name: "xyz" 

然后，已经有两个（或n）div user类和HTML5 data-user包含HTML中的id

我需要的是将这些响应值放在这个div中，如下所示：

 
 
 111 
 
 abc 
 
 
 
 112 
 
 xyz 
  

我目前正在做的（并且正在工作）是使用jQuery find （参见下面的代码），但现在我建议使用HTML5 data-..属性来放置响应。 我不能绕过它，如果有人可以帮助它…

 $.ajax({ type: 'GET', url: '/url/goes/here', dataType: "json", success: function(data) { $('.user').each(function(key, value){ //i need to remove .user and use data-user here (if possible) $(value).find('.userid').text(data[key].id); //i need to put values using data attr instead of find $(value).find('.usernm').text(data[key].name); //i need to put values using data attr instead of find }); } }); 

Answer 1

数据属性由以下方式访问：

 $(#id).data('userId'); 

要么

 $(#id).attr('data-userId'); 

并在该数据属性中设置一个值：

 $(#id).data('userId', 'value'); 

要么

 $(#id).attr('data-userId', 'value');