在数据标记中定位具有值的元素

Question

我想通过数据标记data-filter

定位以下行

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

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

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

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

  

错误：语法错误，无法识别的表达式：[data-filter] =＆＃34;打开＆＃34;

Answer 1

应该是[data-filter="open"]。见http://www.w3schools.com/cssref/sel_attribute_value.asp。

Answer 2

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

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

或者您可以更快地使用多 filter：

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