jQuery를 사용하여 중첩 된 요소 만들기

Question

여기서는별로 혼동하지 않습니다. 나는이 구조를 갖고 싶다.

<ul class="cont"> 
    <li> 
     <a href="http://www.youtube.com/watch?v=my_video_id" title="My title"> 
      <img alt="my alt" src="http://img.youtube.com/vi/my_video_id/default.jpg" <="" a=""> 
     </a> 
    </li> 
    <li>...</li> 
    <li>...</li> 
    <li>...</li> 
</ul> 

나는 (내가 문제의 추상보기 여기를 피할 설명) 제목을 탈출 원으로,

list_data += '<li><a href="' + url + '" title="' 
     + feedTitle + '"><img alt="' + feedTitle + '" src="' 
     + thumb + '"</a></li>'; 

사용하여, 나는 그것을 JQuery와 방법을 시도 그랬어 . 즉,

$('<img/>').attr({ 
     alt: feedTitle, 
     src: thumb 
    }).wrap('<a/>').attr({ 
     id: 'id_' + videoID, 
     href: url, 
     title: description, 
     rel: 'external' 
    }).wrap('<li/>').attr({ 
     class: 'video' 
    }).appendTo(".cont"); 

이것은 작동하지 않습니다. 나는 아주 잘못된 것을하고있다. 이 문제를 해결하는 방법?
JSFIDDLE : wrap의 docs에서 http://jsfiddle.net/e54VX/

Answer 1

는 :

이 방법은 목적 체인 요소의 원래 집합을 반환합니다.

내부가 아닌 외부 요소로 작업하려면 각각 wrap 다음에 .parent()을 호출해야합니다. "JQuery와 방법"으로

$('<img/>').attr({ 
    alt: feedTitle, 
    src: thumb 
}).wrap('<a/>').parent().attr({ 
    id: 'id_' + videoID, 
    href: url, 
    title: description, 
    rel: 'external' 
}).wrap('<li/>').parent().attr({ 
    class: 'video' 
}).appendTo(".cont"); 

http://jsfiddle.net/e54VX/7/