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

Question

如何使用来自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显示来自DB的图像。所以jQuery脚本应该生成li img元素，使用onClick函数逐个加载图像 - 下一个和上一个按钮。谢谢

由于

Answer 1

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

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

Answer 2

所有li与img 将循环播放如下：

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