使用jQuery创建嵌套元素

我有点困惑。我想要这个结构

<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>';

列表\u data+='
来自for
包装
：

此方法返回用于链接目的的原始元素集

如果要使用外部元素而不是内部元素，则需要在每次
换行后调用
.parent（）

$('<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");

$（“jQuery方式”是指链接吗？这绝不是jQuery独有的，也绝不是“方式”我不知道您期望的结果是什么，但是JSFIDLE对我来说似乎工作得很好，它显示了一个thumbnails@GrantThomas：jquery使用
attr
@Bartitude创建元素的方法：预期的HTML已发布在问题的顶部谢谢你，伙计…很抱歉，我没有正确阅读文档…仍然是ree来自angularjs效果的ling。谢谢。请问，有没有更简单的方法？从可读性的角度来看，我喜欢反向操作。我不是从内部开始包装，而是从外部开始，向内追加。
$('<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");