javascript - 在 jQuery 中定位特定表

Question

除了将行附加到我页面上的每个表之外，我有以下代码可以正常工作。

我如何定位代码中的特定表？

$(document).ready(function() {
  $.getJSON('/api/getUsers',
    function(json) {
      var tr;
      for (var i = 0; i < json.length; i++) {
        tr = $('<tr/>');
        tr.append("<td>" + json[i].UserName + "</td>");

        // Format the phone number
        formatted_phone = json[i].PhoneNumber.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');

        tr.append("<td>" + formatted_phone + "</td>");
        tr.append("<td>" + json[i].Email + "</td>");
        tr.append("<td><button type=button class=\"btn btn-default btn-lg btn-block roster-button active\" data-toggle=modal data-target=#removeRoster>Remove</button></td>");
        tr.append("<td></td>");
        tr.append("<td><button type=button class=\"btn btn-default btn-lg btn-block roster-button active\" data-toggle=modal data-target=#updateTime>View/Update Time</button></td>");

        $('table').append(tr);
      }
    });
});

Answer 1

您只需向表中添加一个标识符，并相应地更新选择器。

<table id="the-table">

然后改变这一行:

$('#the-table').append(tr);

如果您想将此应用到多个表而不是全部，请使用通用类代替 id。