Поиск по классам и дата атрибуту в jquery

Поиск по классам и дата атрибуту в jquery

Довольно легко и быстро можно скомбинировать параметры поиска элемента в DOM среди элементов с одинаковыми классами но отличающимися дата атрибутами. Например имеется несколько элементов с классами class="list-item" и аттрибутами data-id="1", data-id="2", data-id="3"...

Поиск производится комбинацией:

$('.class[data-attribute="1"]');

в нашем случае это выглядит как

$('.list-item[data-id="1"]');

Однако, составляя строку для поиска, легко можно шибиться и предлагается это вынести. В результате поиск будет выглядеть примерно так

var attrId = 3;

var selector = '.list-item[data-id="' + attrId + '"]';

var searchableElement = $(selector);