如何获取所选td的数据值

时间:2019-02-26 14:33:33

标签: javascript jquery ajax datatables

我想从单击的data中获取一个td值,这将打开一个包含用户信息的模式。 当我选择所有用户时,一切正常。 但是,当我要搜索特定用户时(直到您搜索用户时才显示表),模态显示的数据不正确。

我用用户名创建了一个JS数组,并将其放入我的data值中。列中的innerHTML是用户的名字和姓氏。

问题在于,当我单击名称时,模式会在我的数组中显示来自FIRST用户的信息(按姓氏ASC分组)

我正在使用DataTables插件。这是我的drawCallback函数的简短示例:

"drawCallback": function(settings) {
  var api = this.api();
  var rows = api.rows({
    page: 'current'
  }).nodes();
  var last = null;

  api.column(0, {
    page: 'current'
  }).data().each(function(group, i) {
    if (last !== group) {
      var groupName = api.row(i).data();
      $(rows).eq(i).before(
         '<tr class="group"><td style="font-weight: bold;" data-value="'+groupName[0]+'" data-toggle="modal" data-target="#profileModal" class="tdPerson" colspan="1">'+group+'</td><td colspan="5"></td></tr>'
      );

      last = group;
    }
  });
}

这是我的AJAX请求:

$('.table').on('click', '.tdPerson', function(event) {
  id = $(this).attr('data-value');
  $.ajax({
    url: "getData.php",
    data: {
      type: "getPersonModal",
      data: id
    },
    type: "POST",
    success: function(data) {
      $('#profileModalContent').html(data);

    }
  });
});

0 个答案:

没有答案