javascript - 以数据标签中的值作为目标元素

Question

我想通过数据标记 data-filter

定位以下行

<a href="?filter=open" class="list-group-item" data-filter="open">Open</a>

我使用了以下代码，但它不起作用:

$('[data-filter]="open"').addClass('active');

我在控制台中收到以下错误:

Error: Syntax error, unrecognized expression: [data-filter]="open"

Answer 1

您可以使用具有正确语法的属性选择器:

$('[data-filter="open"]').addClass('active');

或者您可以使用更快的 much 过滤器:

$('.list-group-item').filter(function() {
    return $(this).data('filter') == 'open';
}).addClass('active');