jquery 선택 된 요소를 기준으로 n번째 요소에 클래스를 추가

jquery 선택 된 요소를 기준으로 n번째 요소에 클래스를 추가

QA

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');
    }
});
답변을 작성하시기 전에 로그인 해주세요.
전체 2,660
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT