jQuery фильтрует объекты по значению атрибута данных

Как вы можете использовать jQuery для фильтрации элементов по значениям их атрибутов данных. Этот фрагмент кода захватывает все элементы div, у которых есть идентификатор, начинающийся с «proto_», и атрибут данных «state» со значением «open».

var $el = $('div[id^=proto_]').filter(function()
{
     return ($(this).data("state") == "open")
});
console.log($el);

Я сделал короткую демонстрацию в jsfiddle, чтобы продемонстрировать. https://jsfiddle.net/qgwnY/

Оптимизированная версия

Спасибо Влад.

 var $el = $('div[id^=proto_]').filter('div[data-state=open]').css('color','red');​

Проверьте это на jsfiddle .