如何在HTML中添加数据到锚点标签，并使用jQuery访问它？

Question

以下是我的锚点标签的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>

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

现在我想给上面的锚标签添加一个问题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]。请问有人可以帮我设置一个锚点标签的值，并在jQuery中访问它吗？

- PHPLover

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

- rajesh kakawat

---

它会支持所有版本的浏览器吗？ - 151291

Answer 2

我想你是在尝试做类似这样的事情：

我假设你正在尝试做这样的事情：

$(document).ready(function()  {
  // you can change the selector, `"key"` and its value below
  $("a.fixed").data("key", 21627); // on document ready, store the necessary data
  //                        ^-- Insert a dynamic value here if required

  $(".fixed").click(function(e) {    
    alert($(this).data("key"));  // 21627
  });

});

.data() 存储键值对。在这里，我创建了一个名为 'key' 的键，并将其与值 21627 一起存储，并在单击时，弹出与键 'key' 相应的值。

由于 .data() 将数据存储在对象中，并且通过传递零参数，您实际上是将与 .fixed 关联的对象存储到 t2 中，因此您得到了一个 [object Object]。

- Gaurang Tandon

---

实际上，我给数据属性分配的值是动态的。为了理解起见，我给了一个硬编码值（21627）。我希望有一个通用的解决方案。 - PHPLover

жІЎй—®йўҳпјҢдҪ еҸҜд»ҘеңЁ $("a.fixed").data("key", 21627); зҡ„и°ғз”Ёдёӯдј йҖ’дёҖдёӘеҠЁжҖҒеҖјжқҘжӣҝжҚў 21627гҖӮ - Gaurang Tandon

Answer 3

另一种简单的方法是：

1. 在锚点标签中使用id属性来编写您的数据。

<a id="your-data" onclick="callfunction(this.id)">Fixed</a>

2. 在js文件中创建一个名为callfucntion(id)的函数。

function callfucntion(id) { var data = id; // 如果有多个数据，可以使用split()方法 }

- 151291