İlk çocuk kontrolü çalışmıyor ve CSS sınırı ile ilgili sorunlar

Question

JQuery'de 4 resim ve 2 düğme ("önceki" ve "sonraki") ile çok basit bir fotoğraf albümü oluşturmalıyım. albüm (ilk resimdeki "Önceki" e ya da sonuncuya "Next" e basıyorum), betiğin döngüdeki çeşitli resimleri göstermesini beklemeliyim. "Next" (İleri) düğmesine ilişkin kodu yazmadan yazdım, ancak "Önceki" düğmesi için aynı kodu (ters) kullanmak işe yaramaz: div'umun ilk çocuğuna ulaştığımda, tüm bakın boş bir sınır.

<script> 
     $(document).ready(function() { 
      $("img").wrapAll("<div>"); 
      $("div").children().hide(); 
      var current = $("div :first-child"); 
      current.show(); 
      $("#nextbutton").click(function() { 
       if (current.is(":last-child")) { 
        current.hide(); 
        current = $("div :first-child"); 
        current.show(); 
       } 
       else { 
        var next = current.next(); 
        current.hide(); 
        current = next; 
        current.show(); 
       } 
      }); 
      $("#prevbutton").click(function() { 
       if (current.is(":first-child")) { 
        current.hide(); 
        current = $("div:last-child"); 
        current.show(); 
       } 
       else { 
        var prev = current.prev(); 
        current.hide(); 
        current = prev; 
        current.show(); 
       } 
      }); 
     }); 
    </script> 
    <style> 
     div{border-color: yellow; 
      border-style: groove;} 
     </style> 

Hatta yabancı, ben de daha kötü bir tane almak yerine tek bir görüntü kapsayan benim div sınırını görme (özellikle görüntüleri 8x8 vardır, sınır 8x20 olan) ve bunu düzeltmek için nasıl bilmiyorum de.

Answer 1

Kodunuzda küçük bir yazım hatası var. senin $("#prevbutton").click(), doğrultusunda:

current = $("div:last-child"); 

olmalı: $(div :last-child) o div son çocuğu arar oysa

current = $("div :last-child"); 
//    ^space 

$(div:last-child)

son çocuk div aramaktadır.

JSFiddle