Как написать фильтр работ по категориям на javascript?

Question

[Николай Ерофеев]

Привет. Есть портфолио, каждая работа в своей категории. Написал меню, web desing, фото, сайты и т.д. Теперь по нажатию на фото например, все отбрасывалось, кроме работ из категории фото. Изначально хотел так сделать, с помощью атрибутов кнопке дал атрибут data-work с именем категории, и работе тоже атрибут, после по клику я сравнивал эти атрибуты и применял display none. Но работает только для первой кнопки. Вот кусок кода

$('.filter-block ul li').on('click', function(){
		var filterAttr = $(this).attr('data-work'); //берем атрибут у кнопки
		
		var filterWork = $('.content-block ul li').attr('data-work'); //берем атрибут у работы

		if(filterAttr != filterWork){
			$('.content-block ul li').css('display','none');
		}else{
			$('.content-block ul li[data-work="' + filterAttr + '"]').css('display','block');
		}
	});

Думаю все понятно, и надеюсь подскажите, как сделать.

Answer 1

[manuylov]

$('.filter-block ul li').on('click', function(){
		var filterAttr = $(this).attr('data-work'); //берем атрибут у кнопки
	        $('.content-block ul li').css('display','none');
		$('.content-block ul li[data-work="' + filterAttr + '"]').css('display','block');
	});

Comments

[Николай Ерофеев]

мне аж смешно :) И большое спасибо