먼가 말이 이상한데..
일단 특정 엘리먼트에서 특정 어트리뷰트를 골라서
선택되는 양을 줄이거나, 특정 노드 하위만을 선별적으로 고르고 싶을때 사용
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"); }) }) |
'Programming > javascript & HTML' 카테고리의 다른 글
| html내 <script>의 올바른 위치(?) (0) | 2018.09.04 |
|---|---|
| jquey ajax 테스트 (4) | 2018.09.03 |
| jqeury 예제 그리고 자바스크립트 익명함수 (0) | 2017.06.10 |
| javascript toString() 진법변환 (0) | 2017.05.25 |
| div slide 애니메이션 (0) | 2017.01.14 |
