제이쿼리 질문드립니다.

제이쿼리 질문드립니다.

QA

제이쿼리 질문드립니다.

본문

$(".sp_subject.sp_s1, .sp_i1").click(function(){

$(".sp_ctt_wrap.sp_c1").slideToggle();

})

 

 

질문과 답변이 토글형식으로 되어있는데요,

.sp_s1 ~ .sp_s10 

.sp_i1 ~ .sp_i10

.sp_c1 ~ .sp_c10

이렇게 클래스가 각각 10개씩 있습니다.

하나씩 명령을 주자니 코드가 너무 길어지더라구요..

혹시 클래스에 있는 숫자만 바꿀 수가 있을까요? 

 

이 질문에 댓글 쓰기 :

답변 2

정확한 상황을 몰라서 예시로만 참고해 보시기 바랍니다.

원리만 이해하시면 간단히 해결 가능하세요.

 

사실, jQuery에는 map, each 등 더 간단하게 처리할 수 있는 함수를 제공하고 있습니다.

아래 반복문을 보시고, jQuery 방식으로 변경해 보셔도 좋을 것 같습니다.

 


// 1 ~ 10까지 반복문으로 처리
for (let i = 1; i <= 10; i++) {
   $('.sp_subject.sp_s' + i).click(function() {
      $('.sp_ctt_wrap.sp_c' + i).slideToggle();
   })
}
답변을 작성하시기 전에 로그인 해주세요.
전체 2,629
QA 내용 검색

회원로그인

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