文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在jQUery中使用数据属性更新表中的数据

问如何在jQUery中使用数据属性更新表中的数据
EN

Stack Overflow用户

提问于 2016-09-11 01:02:41

回答 1查看 33关注 0票数 1

我有一个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函数中做什么，因为当我更改用户时，要在浏览器中看到该更改？

jquery

row

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-11 01:17:10

尝尝这个

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();
    }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/39428502

复制

相似问题

问如何在jQUery中使用数据属性更新表中的数据
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQUery中使用数据属性更新表中的数据EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在jQUery中使用数据属性更新表中的数据
EN