Javascript 动态画廊

您将如何在jQuery中编写以下代码

我的代码是用php编写的，这是一种创建一个列表项的方法，其中包含一个灯箱和一个图像。没有写每个img src和lightbox链接

<?php

                        $images = range(1, 3);

                        $rowCount = 0;

                        foreach ($images as $image) {
                        // stripping stuff:
                        echo '<li class="search-dogs"';


                          echo '><a href="images/gallery/search-dogs/'.$image.'.jpg" rel="lightbox[gallery]">
                              <img src="images/gallery/search-dogs/'.$image.'.jpg">
                            </a></li>';
                        }

       ?>

---

堆栈溢出不是代码转换服务。不需要完整的答案，只需要一些指针或有用的信息就可以了。呼吸的空气

 var images = [1,2,3];
 var rowCount = 0;
 var TargetElement = 'body'; //html tag, .classTag, #htmlElementId
 for(var image in images) {
     // stripping stuff:
      $(TargetElement).append('<li class="search-dogs"><a href="images/gallery/search-dogs/'+image+'.jpg" rel="lightbox[gallery]"><img src="images/gallery/search-dogs/'+image+'.jpg"></a></li>');
 }