javascript - 以声明方式设置 HTML 链接的 jQuery.Data 属性

Question

假设我的数据网格或中继器内的行中有一个 HTML 链接

<a href="javascript:void(0);" class="DoSomething">DoSomething</a>

现在还假设我已经在 jQuery 中处理了所有 DoSomethings 的点击事件

$(".DoSomething").click(function (e) {
    //Make my DoSomethings do something
});

将数据传递给依赖于单击的链接的点击事件的正确技术是什么？

如果没有 jQuery，您通常会做这样的事情。

<a href="javascript:void(0);" class="DoSomething" onclick="DoSomething('<%# Eval("SomeValue") %>');">DoSomething</a>

但这种技术显然不适用于 jQuery 情况。

基本上，我理想的解决方案将以某种方式为单击的链接的 jQuery.Data 属性添加值，但以声明方式执行此操作。

Answer 1

使用 HTML5 数据属性。 1.4.3+ 内置 jQuery 支持

http://api.jquery.com/data/#data2

 <a href="#" class="product-link" data-productid="77">click here</a>

 $('.product-link').click(function (e) {
     alert($(this).data('productid'));
 });