jQuery选择<a> tags with an attribute</a>

Question

我有许多带有数据属性的锚标记：

<a data-country="CA" data-symbol="RY" href="#">...
<a data-country="CA" data-symbol="DD" href="#">...
<a data-country="CA" data-symbol="FF" href="#">...

我需要选择它们，这样当它们点击时我取消点击并获取数据值：

这是我尝试的内容，但选择器和获取数据字段都不起作用。

$("a[data-symbol]").click(function(e) {
  e.preventDefault();
  doSomething($(this).data("symbol"), $(this).data("country"));
});

Answer 1

可以删除doSomething（）并分离数据属性：

$("a[data-symbol]").click(function(e) {
    var elm, data1, data2;
    e.preventDefault();
    elm = $(this);
    data1 = elm.data("symbol");
    data2 = elm.data("country");
    console.log(data1,data2)
});

Fiddle

并关闭锚标签。