如何在jQUery中使用数据属性从表中更新数据
How to update a data from a table using data-atributes in jQUery
我在html中有这个表,我需要使用data-userid更新一个用户,我使我的函数到这个,但这个函数没有改变任何网页
这里,我有data-userid的html表代码: <table id="tblList">
<tbody id="someTest">
<tr data-userid="801992084067"></tr>
<tr data-userid="451207954179"></tr>
<tr data-userid="310896831399"></tr>
<tr data-userid="863939754980"></tr>
<tr data-userid="1123542226482"></tr>
</tbody>
</table>
这里是更新函数。
function updateUser(userId, user) {
var foundUser = findUser(userId);
foundUser.username = user.username;
foundUser.level = user.level;
foundUser.registrationStatus = user.registrationStatus;
foundUser.registrationDate = user.registrationDate;
for(var i = 1; i<userId.length; i++){
$("#someTest tr[data-userid = 'userid " + userId[i] + "']").each(function () {
// if (rowId === userId) {
var table = $('#tblList');
var row = "<tr data-userid=" + foundUser.id + ">"
+ " <td>"
+ " <img src='resources/img/edit.png' alt='Edit' class='btnEdit'/>"
+ " <img src='resources/img/delete.png' alt='deleteUser' class='btnDelete'/>"
+ "</td>"
+ " <td>" + foundUser.username + "</td>"
+ " <td>" + foundUser.level + "</td>"
+ " <td>" + foundUser.registrationStatus + "</td>"
+ " <td>" + foundUser.registrationDate + "</td>"
+ "</tr>";
table.append(row);
// }
});
}
hidePopup();
}
我的问题如下:在updateUser函数中做什么,因为当我更改用户时,要在浏览器中看到该更改?
try this
function updateUser(userId, user) {
var foundUser = findUser(userId);
foundUser.username = user.username;
foundUser.level = user.level;
foundUser.registrationStatus = user.registrationStatus;
foundUser.registrationDate = user.registrationDate;
var row = " <td>"
+ " <img src='resources/img/edit.png' alt='Edit' class='btnEdit'/>"
+ " <img src='resources/img/delete.png' alt='deleteUser' class='btnDelete'/>"
+ "</td>"
+ " <td>" + foundUser.username + "</td>"
+ " <td>" + foundUser.level + "</td>"
+ " <td>" + foundUser.registrationStatus + "</td>"
+ " <td>" + foundUser.registrationDate + "</td>";
$("#someTest tr[data-userid = '" + userId + "']").html(row)
hidePopup();
}
相关文章:
- 更新数据,而不是用javascript和jquery将其添加到我的表中
- JQGrid使用服务器编辑后的更新数据刷新数据
- 使用odata 4的jaydata 1.5和保存/更新数据时的错误
- 使用引导时间选取器时,没有更新数据ng模型值
- AngularJS中超时后没有更新数据
- jQuery动态更新数据键和值
- 在简单的可重用 D3 图表中更新数据
- Node/Express 无法正确更新数据模型
- 如何在jQuery中的单个保存按钮上更新数据和添加数据
- 如何使用Jquery更新数据确认属性中的消息
- 更新数据后保留D3图的位置
- 使用$watch更新数据,ng重复不反映更改
- 在OpenCart中,我们如何实时更新数据
- 表单在每个页面中 - 仅在特定页面上处理它 - 如果当前不在页面上 - 重定向 - 否则 - 使用 AJAX 更新数据
- 调整窗口大小时更新数据属性
- Firebase赢得't更新数据
- Rails和jQuery-尝试使用setTimeout主动更新数据
- Lawnchair.js未更新数据
- 更新数据时的React.js生命周期
- enter() 和 exit() 如何检测 D3 中的更新数据