JS, jQuery
[jQuery] addClass - each문 처럼 활용
닉네임이없어서아무거나지음
2023. 8. 7. 15:10
반응형
[HTML]
<div>1번째</div>
<div class="red">2번째</div>
<div>3번째</div>
<div class="red">4번째</div>
<div>5번째</div>
<div>6번째</div>
[CSS]
.red {
background: red;
}
.red.green {
background: green;
}
[Jquery]
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;
});
반응형