如何使用javascript/jquery動態生成這種嵌套的li對象？

-2

我想在我的jsp中動態生成以下種類的嵌套li對象。我應該如何做到這一點。我無法使用簡單的document.createElement（「LI」）來解決問題。和appendElement，因爲我也想將類添加到該元素。如何使用javascript/jquery動態生成這種嵌套的li對象？

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

來源

2016-04-10 Parth Modi

您是如何嘗試到目前爲止？ –

在JQuery中，你可以這樣做：

$('<li class="level1"></li>').appendTo('ul');

裏面的li您可以添加所有的HTML。

來源

2016-04-10 09:33:23

首先在你的JS代碼中將整個html作爲字符串存儲在像var list = '<li>your code inside list</li>'這樣的變量中。然後使用：

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

您可以在for循環中多次使用此語句來添加列表。希望這是你正在尋找的。這是demo示例

來源

2016-04-10 09:48:47 Jagrati

如何使用javascript/jquery動態生成這種嵌套的li對象？

回答

相關問題