Question

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

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

＆＃13;

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

＆＃13;

Answer 1

您只需在表格中添加标识符，然后相应地更新选择器。

<table id="the-table">

然后改变这一行：

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

如果您想将此应用于多个表但不是全部，请使用公共类代替id。

Answer 2

选择元素的方法有很多种。您可以使用eq，id，class来举几个例子。

<table class="tbl" id="tbl">

</table>

<script type="text/javascript">
$('table#tbl').append(tr);//using ID
$('table.tbl').append(tr);//using class
$('table:eq(0)').append(tr);//using zero based index
</script>

查看jQuery网站上的选择器： https://api.jquery.com/category/selectors/

在jQuery中定位特定表

2 个答案: