如何使用 Jquery 用图像循环 li 元素答案

【问题标题】：How to loop li element with image using Jquery如何使用 Jquery 用图像循环 li 元素
【发布时间】：2014-07-03 03:51:08
【问题描述】：

如何使用来自 JSON 数据的 jquery 循环带有图像的 li 元素。

<ul id="slider">
     <li class="image photo1"><img src="images/photo01.jpg" alt="photo01"/></li>
     <li class="image photo2"><img src="images/photo02.jpg" alt="photo02"/></li>
</ul>

我需要使用 JSON 显示来自数据库的图像。因此，jQuery 脚本应该生成 li img 元素，以使用 onClick 函数一一加载图像 - 下一个和上一个按钮。谢谢

谢谢

【问题讨论】：

你能补充更多细节吗？
我不明白你在问什么。

标签： jquery json loops dynamic

【解决方案1】：

渲染 html 将取决于模板引擎，但您可以按如下方式遍历数据：

$.each(data, function(i, obj){
   //obj.id  obj.href   obj.alt
}}

【讨论】：

【解决方案2】：

所有带有 img 的 li 都会像下面这样循环：

$( "#slider li" ).has( "img" ).each(data, function(i, obj){
  //all li with img tag
});

【讨论】：