jquery 선택 된 요소를 기준으로 n번째 요소에 클래스를 추가
본문
안녕하세요. 고수님들
<div>
<div class="box active">
<div class="box">
<div class="box">
<div class="box">
<div class="box move">
<div class="box">
<div class="box">
</div>
이런 박스가 있다면 첫번째 박스를 눌러 active를 추가하고
추가가 되었다면 active 된 박스를 기준으로 4번째 요소에만 move라는 클래스를 추가하고 싶은데요.
(두번째 박스에 active 되었다면 5번째 요소에만)
$(".box").on("click", function () {
$(this).toggleClass("active");
if ($(this).hasClass("active")) {
$(this).siblings(":nth-child(5n)").addClass("move");
} else {
$(this).siblings(":nth-child(5n)").removeClass("move");
}
});
이런식으로 코드를 짰는데 이 방법은 모든 5번째 요소에 들어가서 해결방법을 아시는 분 계실까요?
답변 1
$('.box').on('click', function () {
$(this).toggleClass('active');
if ($(this).hasClass('active')) {
$(this).nextAll().eq(3).addClass('move');
} else {
$(this).nextAll().eq(3).removeClass('move');
}
});
답변을 작성하시기 전에 로그인 해주세요.