선택한 이름 속성을 가진 모든 요소에 클래스 추가

Question

가격 탭을 맨 위에 만들었습니다. 탭을 만들었습니다. 하단에는 다른 패키지 표준 항목 등의 목록 항목이 있습니다. 따라서 사용자가 첫 번째 패키지를 6 개 중에 3 개 선택하면 항목이 표시되고 다른 항목이 숨겨져있어 사용자가 두 번째 항목을 클릭하거나 목록의 5 개 항목이 표시되고 나머지 항목이 숨겨져있는 경우 제 3의 패키지가 표시됩니다. 문제는 내가 쉽게 작업 할 수 있도록 작업 할 수 있다는 것입니다. 3 개의 다른 div를 만들어서 3 개의 패키지를 모두 표시하고 목록 항목을 만들고 모든 목록 항목에 속성을 배치했습니다. 사용자가 탭을 클릭하면 속성 이름을 가져 와서 해당 속성을 목록에서 찾아서 추가합니다. 그 아이템에 대한 액티브 클래스는 의미가 있습니까? 나는 과거에 여러 날을 위해 일해 왔지만 그 해결책을 찾지 못하면 아무도이 문제로 나를 도와 줄 수 없다.

[https://jsfiddle.net/90mynos3/][1] 

Answer 1

질문을 올바르게 이해하고 있으면 코드에 2 가지 문제가 있습니다.

처음에는 활성 클래스를 제거하지 않으므로 활성 상태가되면 재설정되지 않습니다. 이것을 처음에 추가하면 보이는 클래스가 제거됩니다.

$('li.visible').removeClass('visible'); 

둘째, 클래스를 추가하기 위해, 당신은 올바른 요소를 대상으로한다이 작업을 수행하려면 속성 선택 사용할 수 있습니다와 li 요소와 일치합니다 ~= 연산자를 사용

$('li[data-clean-group~="' + get_class + '"]').addClass('visible'); 

을 standard_plus

일치에서 standard을 방지 get_class에서 전체 단어를 포함하는 data-clean-group는 작업 예제 및 0123에 대한 this fork of your fiddle를 참조하십시오 속성 선택기 사용에 대한 자세한 내용은 속성 선택기의을 참조하십시오.