如何将具有数据属性的元素作为变量？

Question

我这样做但是没有用

HTML

<a href="#filter-year-y2013" data-filter-value=".y2013">2013</a>

jquery的

var token = document.location.href.split('=')[1];
var attribu = "." + token;
$('a[data-filter-value= attribu]').css("background", "#ddd");

这个问题与from this other question不同，因为我不是要求任何带有变量但数据属性的选择器

Answer 1

你需要将变量与字符串选择器连接起来，试试这个：

$('a[data-filter-value="' + attribu + '"]').css("background", "#ddd");

或者，您可以避免连接并使用filter()：

$('a').filter(function() {
    return $(this).data('filter-value') == attribu;
}).css("background", "#ddd");