nth-child()에 배열 데이터를 순서대로 집어넣을 수 있나요?

Question

이벤트가 발생할 때 nth-child()에 배열 데이터를 집어넣고 싶습니다$('#elements:nth-child(i)).html(array[n]) 이런식으로 쓰고 있으며 낱개로 1 2 3 4 노가다를 하면 잘 나옵니다근데 이상하게 루프른 적용시킬땐 값이 순차적으로 적용이 안되고 전부 다 같은 값으로 통일되서 적용됩니다 이 부분 팁좀 주실 수 있을까요

hisuica · Accepted Answer

네 물론이죠~const list &#61; [ [ &#34;0&#34;, &#34;가&#34;, &#34;A&#34; ], [ &#34;1&#34;, &#34;나&#34;, &#34;B&#34; ] ]이런식으로 배열에 배열을 넣을 수도 있습니다~그럼 for문을 2중으로 만들어서 코드를 짧게 만들 수 있겠죠?

hisuica · Answer

루프를 어떻게 적용시키셨나요~?i만 증가하고 n은 증가시키기지 않은 것 아니에요?

rem · Answer

for(i&#61;1; i<6; i&#43;&#43;){ console.log($('#submenu-content-row ul li:nth-child('&#43; i &#43;')')); } 루프는 이렇게 적용시켰습니다

hisuica · Answer

음 요것은 출력이네요?nth-child에 값을 넣는 부분도 보여주세요$('#elements:nth-child(i)).html(array[n])요녀석 들어간 반복문이요~

rem · Answer

$(function submenuTrigger(){ list1 &#61; [&#34;0&#34;, &#34;가&#34;, &#34;나&#34;, &#34;다&#34;, &#34;라&#34;, &#34;마&#34;, &#34;바&#34;, &#34;&nbsp;&#34;, &#34;&nbsp;&#34;]; // 0 1 2 3 4 5 list2 &#61; [&#34;0&#34;, &#34;a&#34;, &#34;b&#34;, &#34;c&#34;, &#34;d&#34;, &#34;e&#34;, &#34;f&#34;, &#34;&nbsp;&#34;, &#34;&nbsp;&#34;]; $('#home-menu-nav ul li').mouseenter(function(){ var i &#61; $(this).index() &#43; 1; // 메뉴바 목록의 index값에 1씩 더함 if(i &#61;&#61; 1){ for(i2 &#61; 1; i2 < 8; i2&#43;&#43;){ $('#submenu-content-row ul li:nth-child('&#43; i2 &#43;')').html(list1[i2]); } } else if(i &#61;&#61; 2){ for(i2 &#61; 1; i2 < 8; i2&#43;&#43;){ $('#submenu-content-row ul li:nth-child('&#43; i2 &#43;')').html(list2[i2]); } } }) }) 아 지금 좀 하다보니까 얼떨결에 됐네요 ㄷ대신 몇개 더 궁금한게 있는데코드 보시면 배열의 갯수만큼 if문과 for 문이 만들어지고 있으며 여기서 조금 더 축약시키고 싶습니다지금 구상하고 있는건 배열 이름인 list 뒤의 숫자를 list(n) 이런식으로 변수화 시키는건데 이게 가능할까요?list(n)for(n &#61;1; n< 4 n&#43;&#43;){블라블라}

rem · Answer

굳감사합니다

nth-child()에 배열 데이터를 순서대로 집어넣을 수 있나요?

6개의 답변

#loop 목록