[JavaScript] problem z jquery Opcje

[planet]

Witam! Zaczynam swoją przygodę z jQuery i mam pewien problem

w kodzie html mam div'y ze zdjęciami, które ułożone są tak:

[HTML] pobierz, plaintext 
<div id="photo">zdjęcie1</div>
<div id="photo">zdjęcie2</div>
<div id="photo">zdjęcie3</div>
<div id="removePhoto">tu jest button, który kasuje zdjęcie</div>
[HTML] pobierz, plaintext 

tak wygląda mój kod JS:

Kod

$("#removePhoto").click(function()
{    

var photo = $("#photo");

if($(photo).is(":first-child")){
    $("#removeButton").css("display", "none");
}

photo.remove();
return false;
});

Mój problem polega na tym, że chcę kasować zdjęcia od dołu a w tym przypadku kasuje mi div'y od góry, próbowałem takiego wywołania:

var photo = $("#photo:last-child");

Jednak bezskutecznie, wtedy nie kasuje nic :/. Szukałem po dokumentacji, jednak nie umiałem znaleźć jakiejś odpowiedniej funkcji, chyba, że coś przeoczyłem. Ma ktoś jakiś pomysł?

EDIT:

Już sobie poradziłem, jakby kogoś interesowało rozwiązanie:

Kod

$("#removePhoto").click(function()
{    

var div_index = $("div #photo").length -= 1;

var photo = $("div #photo").eq(div_index).remove();

if(div_index == 1){
    $("#removeButton").css("display", "none");
}

return false;
});
});

Ten post edytował planet 27.07.2009, 18:59:34

[vokiel]

Zacznijmy od podstaw, id w dokumencie może mieć tylko jeden element, z samego założenia id identyfikuje jednoznacznie dany element struktury dokumentu.

A tak poza tym to do wybrania ostatniego elementu służy selektor :last