如何使用javascript/jquery动态生成这种嵌套的li对象？

我想在jsp中动态生成以下类型的嵌套li对象。我该怎么做呢。我无法使用简单的document.createElement（“LI”）解决问题；和appendElement，因为我还想向该元素添加类

<li class="level1">
                            <div class="thumb">
                                <a href="detail.html#"><img src="images/comments1.gif"
                                    alt="" /></a>
                            </div>
                            <div class="desc">
                                <div class="commentlinks">
                                    <a href="detail.html#" class="reply">Reply</a> <a
                                        href="detail.html#" class="like">Like</a> <a
                                        href="detail.html#" class="dislike">Dislike</a>
                                </div>
                                <h5>
                                    <a href="detail.html#" class="colr">By MySebbb:</a>
                                </h5>
                                <p class="time">7 months ago</p>
                                <div class="clear"></div>
                                <p class="txt">Lorem ipsum dolor sit amet, consectetuer
                                    adipiscing elit. Sed elit. Nulla sem risus, vestibulum in,
                                    volutpat eget, dapibus ac, lectus. Curabitur dolor sapien.</p>
                            </div>
                        </li>

7个月前
Lorem ipsum door sit amet，concertetuer
告别精英。塞德精英。无前庭，
帕特·埃吉特，达比布斯·ac，莱克图斯。库拉比图尔·多洛·萨皮恩

在JQuery中，您可以执行以下操作：

---

$（'
）.appendTo（'ul'）首先，在JS代码中，将整个html作为字符串存储在变量中，如
var list='
列表中的代码
'
。然后使用：

$('selector').append(list);

可以在for循环中使用此语句多次添加列表。希望这就是你想要的。
下面是一个例子
到目前为止您是如何尝试的？