Ориентация элемента со значением в теге данных

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'); 

Или вы можете использовать много быстрее filter:

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

Answer 2

Это должно быть [data-filter="open"]. См. http://www.w3schools.com/cssref/sel_attribute_value.asp.