제이쿼리 질문드립니다.
본문
$(".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();
})
}
태그에 onclick으로 함수를 호출하면서 인자를 넘기시면
$this로 해결될거같네요
답변을 작성하시기 전에 로그인 해주세요.