動的ギャラリー

Question

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>'; 
         } 

     ?> 

Answer 1

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>'); 
}