목록의 요소 및 값 삽입 다른 목록에 넣기

Question

목록 항목의 내용을 추출하고 다른 목록에 삽입하는 가장 좋은 방법을 알아낼 수 없습니다. 그래서 <a> 및 <img> 요소가 목록 1의 값과 함께 목록 2에 삽입되기를 원합니다. 여기

지금까지 내 코드의 다음 HTML에서

var listInfo = $("ul#list-one li").map(function(){ 
 
    return $(this).html(); 
 
}); 
 

 
??

<ul id="list-one"> 
 
    <li> 
 
    <a href="example1.com"><img src="image1.jpg"/></a> 
 
    </li> 
 
    <li> 
 
    <a href="example2.com"><img src="image2.jpg"/></a> 
 
    </li> 
 
    <li> 
 
    <a href="example3.com"><img src="image3.jpg"/></a> 
 
    </li> 
 
</ul> 
 

 
<ul id="list-two"> 
 
    <li> 
 
    
 
    </li> 
 
    <li> 
 
    
 
    </li> 
 
    <li> 
 
    
 
    </li> 
 
</ul>

Answer 1

$('#list-two li').each(function(i){ 
    $(this).append($('#list-one li:eq('+i+')').contents()) 
}) 

jsFiddle example

결과 :

<ul id="list-one"> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul> 
<ul id="list-two"> 
    <li><a href="example1.com"><img src="image1.jpg"></a> </li> 
    <li><a href="example2.com"><img src="image2.jpg"></a> </li> 
    <li><a href="example3.com"><img src="image3.jpg"></a> </li> 
</ul>