javascript - 如何将数据添加到 HTML 中的 anchor 标记并使用 jQuery 访问它？

Question

以下是我的 anchor 标记的 HTML 代码:

<a delhref="http://localhost/eprime/entprm/web/control/modules/questions/manage_question_issue.php?op=fixed&question_id=21627&que_issue_status=0" title="Fixed" href="#fixedPopContent" class="fixed">Fixed</a>

现在我想向上面的 anchor 标记添加一个问题 ID，并在用户单击此超链接时在 jQuery 中访问它。为此，我尝试了下面的代码，但对我来说没有用。

<a delhref="http://localhost/eprime/entprm/web/control/modules/questions/manage_question_issue.php?op=fixed&question_id=21627&que_issue_status=0" title="Fixed" href="#fixedPopContent" class="fixed" data="21627">Fixed</a>

它的jQuery代码如下:

$(document).ready(function()  {
  $(".fixed").click(function(e) {
    var t2 = $(this).data();
    alert(t2);
  });
});

它在警告框中给我消息 [object Object]。谁能帮我将值设置为 anchor 标记并在 jQuery 中访问它？

Answer 1

尝试这样的事情

html

 <a  href="#fixedPopContent" class="fixed" data-q_id="21627"></a>

javascript

$(document).ready(function()  {
  $(".fixed").click(function(e) {
    var t2 = $(this).data('q_id');
    alert(t2);
  });
}); 

您可以在您的 html 元素上添加属性 data-sample_name。在 jquery 中使用

$('your_element_id').data('sample_name');// to get value
$('your_element_id').data('sample_name','new value');// to set  value