1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="utf-8"> <script src="js/jquery.js"></script> <style> .red { background: red; } .red.green { background: green; } </style> </head> <body> <div>1번째</div> <div class="red">2번째</div> <div>3번째</div> <div class="red">4번째</div> <div>5번째</div> <div>6번째</div> </body> <script> var $addClass; // each문 처럼 활용이 가능하다. $("div").addClass(function(index, currentClass) { console.log(index); console.log(currentClass); if (currentClass == "red") { // 현재 class가 red이면 (각각의 div 클래스 확인) $addClass = "green"; // green class 추가 } return $addClass; }); </script> </html> |
반응형
'jQuery' 카테고리의 다른 글
| [jQuery] not($(this)) - this가 아닌요소 선택 (0) | 2015.01.04 |
|---|---|
| [jQuery] iframe 접근, 제어 (3) | 2015.01.01 |
| [jQuery] 제한선택자 - 두번째 매개변수 selector 범위 제한 (0) | 2014.12.30 |
| [jQuery] attr, prop, not - input[type='checkbox'] 체크박스 제어 (0) | 2014.12.24 |
| [jQuery] $.cssHooks (0) | 2014.12.19 |
