jquery - 获取特定属性值

Question

我有一个 href，其格式为:

<a href class='link' location='USA'>USA</a>

然后，我使用 JQuery 尝试获取位置值并将其传递到新页面。

$(".link").click( function() {
   var location = $(this).attr("location").val();
   Popup('open.php?action=region&location=' + location,'open','300','200','yes');return false;
});

这不起作用。

我没有获取传递的位置值。

有人可以告诉我我做错了什么吗？

谢谢

Answer 1

首先发明不符合标准的属性将意味着您的 HTML 无效，这可能会导致 UI 和 JS 问题。使用 data 属性在元素中存储自定义数据:

<a href="#" class='link' data-location='USA'>USA</a>

然后，您可以使用 data() 在点击处理程序中访问它:

$(".link").click(function(e) {
    e.preventDefault(); // stop the default link behaviour
    var location = $(this).data("location");
    Popup('open.php?action=region&location=' + location, 'open', '300', '200', 'yes');
    return false;
});

仅供引用，当通过 attr() 访问元素的属性时，不需要调用 val() ，例如:

var foo = $("#element").attr("foo"); 
console.log(foo); // = "bar"