Question

我正在使用AJAX响应来填充HTML元素。

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

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

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

<div class='user' data-user='111'>
    <div class='userId'data-userId='111> </div>
     <div class='usernm' data-user='usernm'> </div>
</div>

<div class='user' data-user='112'>
    <div class='userId'data-userId='112> </div>
     <div class='usernm' data-user='usernm'> </div>
</div>

我需要的是将这些响应值放在这个div中：

<div class='user' data-user='111'>
    <div class='userId'data-userId='111> 111 </div>
     <div class='usernm' data-user='usernm'> abc </div>
</div>
 <div class='user' data-user='112'>
    <div class='userId'data-userId='112> 112 </div>
     <div class='usernm' data-user='usernm'> xyz </div>
</div>

我目前正在做（并且正在使用）的是使用jQuery 查找（请参阅下面的代码），但现在我建议使用HTML5 {{1} }属性。如果有人可以帮助我的话，我无法绕过它。

data-..

Answer 1

数据属性可通过以下方式访问：

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

或

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

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

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

或

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

使用HTML5数据属性的AJAX响应

1 个答案: