object에 innerhtml 하는방법 채택완료
rlawhd
6년 전
조회 2,324
</p>
<p>for(i=0; i<10; i++){</p>
<p> var a = i</p>
<p>}</p>
<p>text = $('<li><div>'+a+'</div></li>')</p>
<p>
이런식으로 text라는
가 10개 생성됩니다
object에 저장해놓고 다음에 다른 값을 넣을때 저걸 위치값으로 쓰고 싶은데요.
map에 넣어서
</p>
<p>var myMap = new Map();</p>
<p>myMap.set(a,text); </p>
<p>=></p>
<p>{</p>
<p>'1' => '$('<li><div>1</div></li');,</p>
<p>'2' => '$('<li><div>2</div></li');,</p>
<p>..</p>
<p>'10' => '$('<li><div>10</div></li');,</p>
<p>}</p>
<p>
이런식으로 들어가있습니다
이걸
</p>
<p>console.log(myMap.get(1)) 찍어보면</p>
<p> </p>
<p>n.fn.init [li]</p>
<p> 0: li.div</p>
<p> length: 1</p>
<p> _proto_: Object(0)</p>
<p>
이런식으로 n.fn.init object가 나오는데 안에 살펴보면
innerHTML, outerHTML 등등 엄청 많이나오는데
이 object안에 뭔가 innerHTML (jquery after,before)을 사용하고 싶은데
</p>
<p>var c = myMap.get(1); => $('<li><div>1</div></li>') 출력</p>
<p> </p>
<p>c.before($('<li>33</li>');</p>
<p>
이런식으로 해보니 안됩니다 c가 n.fn.init Object인데
Object에 들어있었던
</p>
<p> </p>
<p>'1' => '$('<li><div>1</div></li>');</p>
<p> </p>
<p>있는 $('<li><div>1</div></li>')</p>
<p>여기를 어떻게 찾아가서 innerHTML 할수있을까요?
보통 셀럭터.appendTO('값') 이런식으로 셀렉터를 이용해서 위치를 찾아가는데
Object나 문장으로도 찾을수 있는지 궁금합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
답변을 작성하려면 로그인이 필요합니다.
로그인