Question

我有这张桌子：

       <table class="table">
    <tr>
    <td class="detail">
       <a class="btn btn-default btn-xs" href="" data-email="<?php echo $us->email; ?>">Email</a>
<a class="btn btn-default btn-xs" href="" data-id="<?php echo $us->id; ?>">Profile</a>
    </td>
    </tr>
    </table>

我用这个javascript获得了数据电子邮件的价值：

<script>
$('.table .detail a').click(function(e) {
  e.preventDefault();
  var email = $(this).data('email');

  $.ajax({
    url: 'admin/send_email.php?token=<?php echo $token; ?>',
    data: {email: email},
    type: 'GET',
    dataType: 'HTML'
  }).done(function(resp) {
    $('#modalContent .modal-body').html(resp)
  $('#modalContent').modal('show');
  });
});
</script>

如何在另一个模态中获取data-id？我已尝试在class="btn btn-default btn-xs"中添加类ID，但无法正常工作！

Answer 1

单击电子邮件链接时，您当前获得data-email的值。如果您还想从下一个DOM链接元素获取data-id，您可以执行以下操作：

var id = $(this).next('a').data('id');

然后，您可以将id传递给您的AJAX调用（或执行需要使用配置文件ID完成的任何操作）。

如果您在点击个人资料链接时询问如何获取data-id，则可以执行以下操作：

$('.table .detail a').click(function(e) {
  e.preventDefault();
  var email = $(this).data('email');
  var id = $(this).data('id');
  if (email !== undefined) {
    //email link was clicked
  } else if (id !== undefined) {
    //profile link was clicked
  }
  //do other stuff
});

将data-id传输到多个模态

1 个答案: