jquery 복수 속성 선택하기

먼가 말이 이상한데..

일단 특정 엘리먼트에서 특정 어트리뷰트를 골라서

선택되는 양을 줄이거나, 특정 노드 하위만을 선별적으로 고르고 싶을때 사용

jQuery( "[attributeFilter1][attributeFilter2][attributeFilterN]" ) attributeFilter1: An attribute filter. attributeFilter2: Another attribute filter, reducing the selection even more attributeFilterN: As many more attribute filters as necessary

[링크 : https://api.jquery.com/multiple-attribute-selector/]

깔끔한 코드는 아니지만.. tab 구현하기 위해 작성한 녀석

div 태그 하위의 parent_id로 시작하는 녀석을 찾아서 class 값을 변경하기 위해 다중 속성 선택자를 사용함

$(document).ready(function(){ $('ul.tabs li').click(function(){ var tab_id = $(this).attr('id'); var parent_id = $(this).parent().attr('id'); $("li[id^="+parent_id+"]").removeClass("sel unsel"); $("li[id^="+parent_id+"]").addClass("unsel"); $(this).removeClass("unsel"); $(this).addClass("sel"); $("div[id^="+parent_id+"]").removeClass("disp non-disp"); $("div[id^="+parent_id+"]").addClass("non-disp"); $("#"+tab_id+"-view").removeClass("non-disp"); $("#"+tab_id+"-view").addClass("disp"); }) })