javascript - 为什么在创建另一个值之前无法检索动态文本值？

Question

我使用 jQuery 动态创建表行，并为每个行分配一个数据 id，如下面的代码:

var education_row_counter = 0;

$("#addButton").on('click', function() {
  var row = '<tr data-id="' + education_row_counter + '" >' +
    '<td><input type="text" class="form-control" data-id="' + education_row_counter + '" name="name" id="name"></td>' +
    '<td><input type="text" class="form-control" name="department" id="department"></td>' +
    '<td><input type="text" class="form-control" name="phone" id="phone"></td>' +
    '<td>' + 'arash' + '</td>' +
    '</tr>';
  $("#eduTable").append(row);
  $("#eduTable").append('<div style="display:none"></div>');

  education_row_counter++;
});

但是，当我想使用此命令检索数据 ID 时:$("#eduTable :nth-child(2)").data('id') ，在控制台中，它返回未定义，但是当我单击新的时，另一行被添加到表，那么我无法使用相同的代码获取数据 ID。有人可以告诉我想要的是问题吗？请

Answer 1

您可以使用last()方法或:last选择器和目标 <tr>因为可能有<tbody>由浏览器创建，它是 <table> 的实际子级

在你的方法中，你还必须不断调整nth-child(n)随着行长度的变化

$("#eduTable tr:last").data('id')