JavaScript를 사용하여 속성별로 웹샵 제품 필터링

Question

약 20 개 제품이 div로 묶여있는 웹 페이지가 있습니다. 페이지를 다시로드하지 않고 가격이나 크기와 같은 속성으로 필터를 적용하고 싶습니다.

첫 번째 아이디어는 속성을 wrapper-div의 클래스 속성으로 지정하고 jQuery로 숨기는 것입니다. 그러나 이것은 가격적인 범위 내에서 제품을 얻으려고 할 때 특히 그렇습니다.

아이디어가 있습니까?

Answer 1

html 요소의 속성을 표시하려면 클래스를 사용하는 대신 Jquery .data()을 사용하십시오.

선택을 숨기거나 표시하도록 필터링하려면 가격 범위 인 경우에도 Jquery .filter()을 사용하십시오.