Добрый вечер.
<!--блок управления для сортировки-->
<div>
<ul>
<li data-filter="доктор"></li>
<li data-filter="медсестра"></li>
</ul>
</div>
<!--Контент-->
<ul id="mainDoctors">
<li data-doctor="<a href="#" rel="category">Взрослые специалисты</a>, <a href="#" rel="category">улица</a>"></li>
<li data-doctor="<a href="#" rel="category">Взрослые специалисты</a>, <a href="#" rel="category">улица</a>"></li>
<li data-doctor="<a href="#" rel="category">Взрослые специалисты</a>, <a href="#" rel="category">улица</a>"></li>
<li data-doctor="<a href="#" rel="category">Взрослые специалисты</a>, <a href="#" rel="category">улица</a>"></li>
</ul>
Сверху будут 2 кнопки, для сортировки блоков на странице
$('.filter-main ul li').on('click', function(){
var listContent = $('ul#mainDoctors li').length, g;
var butData = $(this).attr('data-filter'); //выбираем имя кнопки для сортировки
for(g = 0; listContent > g; g++){
var listData = $('ul#mainDoctors li').eq(g).attr('data-filter-list');
var flag = listData.match(butData);
$('ul#mainDoctors li').eq(g).attr('data-filter-main', flag);
$('ul#mainDoctors li').css('display','none');
$('ul#mainDoctors li').attr('data-filter-main',butData).css('display','block');
}
});
В блоке (li) есть data-doctor в котором хранятся ссылки, в них находим слово. по клику по кнопке для сортировки, надо сравнить с контентом блоков. Схожие оставить, остальные скрыть. Попал в тупик, т.к. не знаю li(блок) в котором нашли слово. Подскажите, как это можно сделать?
