获取点击元素的数据属性？答案

【问题标题】：Grabing a data attribute of a clicked element?获取点击元素的数据属性？
【发布时间】：2012-10-01 10:57:14
【问题描述】：

我有一个链接，单击时会打开一个模式，但是该元素还具有我需要获取的 data-id="#id here" 属性，以便我可以将其传递给我的 php 脚本进行处理。我怎样才能做到这一点？

我的 JS 代码：

$(document).ready(function() {
$('#edit_general').click(editModal);

});

function editModal(event)
{
var modal = $('#editModal');
modal.modal({
    show: true
});
}

我的html：

<li><a id="edit_general" href="#editModal" data-uid="<?php echo $u->id; ?>">Edit General</a></li>

我尝试使用 this 关键字，但没有成功。我怎样才能做到这一点？

【问题讨论】：

你可以使用 $(this).data('id');
谢谢，它现在可以工作了，但是模式只在第一个条目时弹出。 html 在 foreach 循环中被回显。然而，模式只为第一个用户弹出，知道为什么会这样吗？

标签： php javascript jquery

【解决方案1】：

试试这个：演示 http://jsfiddle.net/szS2J/1/ 或 http://jsfiddle.net/ug7ze/

$(this).data('uid')

希望它符合原因:)

像这样：

$('#edit_general').click(editModal);
      $(this).data('uid')

完整

$(document).ready(function() {
    $('#edit_general').click(editModal);

});

function editModal(event) {
    alert($(this).data('uid'));
    var modal = $('#editModal');
    modal.modal({
        show: true
    });
}

【讨论】：

谢谢，它现在可以工作了，但是模式只在第一个条目时弹出。 html 在 foreach 循环中被回显。然而，模式只为第一个用户弹出，知道为什么会这样吗？
不用担心@user1701398 很高兴它帮助:)，嗯，希望模态您正确关闭模态，然后重新创建第二个输入？好像是modal和输入框的绑定问题，能不能弹个琴，我看看。 :)
我所有的代码都贴在上面了，当模态关闭时，我将如何解绑它？如果有帮助，我正在使用引导模式插件。
顺便说一句，即使是新的页面加载，它仍然不适用于任何其他条目，仅适用于第一个条目。我尝试使用 live() 而不是 click() 但仍然没有运气
@user1701398 阅读这可能会有所帮助[：stackoverflow.com/questions/1701942/… 哦，顺便说一句，:) .live 已被弃用，如果您热衷于为什么不推荐使用 live，请阅读此请注意：.on 是可用 1.7.2 JQ 及以上版本:) ==> stackoverflow.com/questions/11115864/…

【解决方案2】：

可以使用attr方法获取值：$(this).attr('data-uid')

【讨论】：

【解决方案3】：

这样存储在data_id中。

   $(document).ready(function() {
      $('#edit_general').click(function() {
         var data_id = $(this).data('uid');
         var modal = $('#editModal');
            modal.modal({
            show: true
         });
      });
   });

【讨论】：