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