Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] problem z jquery
Forum PHP.pl > Forum > Przedszkole
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:

  1. <div id="photo">zdjęcie1</div>
  2. <div id="photo">zdjęcie2</div>
  3. <div id="photo">zdjęcie3</div>
  4. <div id="removePhoto">tu jest button, który kasuje zdjęcie</div>


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;
});
});
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
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.