如何使用javascript/jquery动态生成这种嵌套的li对象
How do dynamically generate this kind of nested li objects using javascript/jquery?
我想在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>
在JQuery中,您可以执行:
$('<li class="level1"></li>').appendTo('ul');
在li
中,您可以添加所有的html。
首先,在JS代码中,将整个html作为字符串存储在var list = '<li>your code inside list</li>'
这样的变量中。然后使用:
$('selector').append(list);
您可以在for循环中使用此语句多次添加列表。希望这就是你想要的。以下是
相关文章:
- 如何使用javascript获取嵌套对象中所有子对象的单个属性
- 如何打印嵌套对象的所有值
- 设置嵌套对象属性的更好方法
- 嵌套对象结构
- 如何递归地获取嵌套对象中所有子对象的列表
- 更改嵌套对象的父子相关id
- 如何通过json对象数组为嵌套对象赋值
- Ember.js(2.5.0)如何设置嵌套对象值
- 嵌套对象文本访问父级
- 如何对两个嵌套对象进行排序
- 在javascript中使用方括号表示法的嵌套对象
- 具有嵌套对象数组的 Javascript 对象的递归搜索函数
- 更新嵌套对象的多个字段
- MongoDB嵌套对象数组后查询
- 在流星中插入嵌套对象
- 将嵌套对象数据添加到窗体中
- Chai深度包含了对嵌套对象的断言
- 使用Angular.js解析JSON中的嵌套对象数组
- 如何以编程方式添加到可变嵌套对象中
- Javascript嵌套对象访问根级别