먼가 말이 이상한데..
일단 특정 엘리먼트에서 특정 어트리뷰트를 골라서
선택되는 양을 줄이거나, 특정 노드 하위만을 선별적으로 고르고 싶을때 사용
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"); }) }) |