javascript – 在jQuery中定位特定的表

我有以下代码可以正常工作,除了它将行附加到我页面上的每个表.

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

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

解决方法:

您只需要在表中添加标识符,并相应地更新选择器.

<table id="the-table">

然后改变这一行：

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

如果要将其应用于多个表但不是全部,请使用公共类代替id.