SIR
목록으로

js 질문 채택완료

tlsdlq
프로필 보기이 회원 글보기이 회원의 댓글보기
 1년 전 조회 2,214
답변 1
목록

안녕하세요!!

 

아래와같이 코드를 짰는데 코드가 너무길어져서.. 간소화할수있는 for문이 있을까요??

 

#tab2-4 a의 첫번째 클릭시 해당 php 파일의 tab4_1이 load가 되어야합니다 

 

그렇게 하나씩 증가할수록 tab4_n 번째가 늘어나면서 load되어야 하구요!

 

방법이있을까요??

 

Copy 
$('#tab2-4 a:eq(0)').click(function () {

      $('#load4').load('load4.php .tab4_1');

      return false;

   });

   $('#tab2-4 a:eq(1)').click(function () {

      $('#load4').load('load4.php .tab4_2');

      return false;

   });

   $('#tab2-4 a:eq(2)').click(function () {

      $('#load4').load('load4.php .tab4_3');

      return false;

   });

   $('#tab2-4 a:eq(3)').click(function () {

      $('#load4').load('load4.php .tab4_4');

      return false;

   });
 
#그누보드5 #js

답변 1개

채택된 답변
+20 포인트

Copy 
$('#tab2-4 a').click(function(){

    let thisIndex = $(this).index();
         thisIndex = thisIndex + 1; // index는 0 부터 시작하므로 +1을 더해주어야 함

 

    $('#load4').load('load4.php .tab4_'+thisIndex);
    return false;

});


위와 같이 작성할 수 있습니다.

​​​​​​​도움이 되셨다면 채택 한번 부탁드립니다^^
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

답변감사합니다~

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고