js 질문
본문
안녕하세요!!
아래와같이 코드를 짰는데 코드가 너무길어져서.. 간소화할수있는 for문이 있을까요??
#tab2-4 a의 첫번째 클릭시 해당 php 파일의 tab4_1이 load가 되어야합니다
그렇게 하나씩 증가할수록 tab4_n 번째가 늘어나면서 load되어야 하구요!
방법이있을까요??
$('#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;
});
답변 1
$('#tab2-4 a').click(function(){
let thisIndex = $(this).index();
thisIndex = thisIndex + 1; // index는 0 부터 시작하므로 +1을 더해주어야 함
$('#load4').load('load4.php .tab4_'+thisIndex);
return false;
});
위와 같이 작성할 수 있습니다.
도움이 되셨다면 채택 한번 부탁드립니다^^
답변감사합니다~
답변을 작성하시기 전에 로그인 해주세요.