Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][jQuery] Jak przypisać akcje, do elementów w divie
Forum PHP.pl > Forum > Przedszkole
thomson89
Witam!

Mam kilka elementów o różnych id w divie. Chciałbym, za pomocą jQuery wszystkim tym elementom w divie, nadać zdarzenie onclick które przekaże jakiejś funkcji id tego elementu.

O ile pierwszego nie mogę rozwiązać, o tyle drugie (chyba) wymaga tylko użycia this. Proszę o naprowadzenie chociaż, jak nadać tym elementom zdarzenie. Zaznaczę iż nigdy nie będę wiedział ile tych elementów tak naprawdę jest.

Proszę o pomoc!
askone
Hej

Jeśli są to różne elementy to zawsze możesz skorzystać z $("#id_parent").children("tutaj wybierz co i jak").click(function(){wywolaj_funkcje($(this).attr("id"))});

Pozdrawiam
thomson89
Elementy to zwykłe obrazki.

Kod działa normalnie, ale nie działa gdy dam ten element, np. w listę.

  1. <ul id="parent">
  2. <li><div id="1"></li>
  3. </ul>

Dałem dla przykładu, z funkcją hover:
[JAVASCRIPT] pobierz, plaintext
  1. $('#overview').children('img').hover(function(){alert($(this).attr('id'))}, function(){alert($(this).attr('id'))});
[JAVASCRIPT] pobierz, plaintext

I przy powyższym kodzie html, gdy najadę na element div id="1", wyświetla się alert lecz bez wartości.
Fifi209
Jakbyś pokazał więcej html'a byłbym wdzięczny i pewnie nie tylko ja, w dodatku ułatwiłoby to znalezienie Twojego problemu.

Zobacz koniecznie!
thomson89
Tamto, chciałem zastosować do tego kodu html.
  1. <ul id="overview" class="overview">
  2. <li><img width="105" id="p1" src="produkty/6202charms_1.jpg"></li>
  3. <li><img width="105" id="p2" src="produkty/6202_2.jpg"></li>
  4. <li><img width="105" id="p3" src="produkty/6202charms_4.jpg"></li>
  5. <li><img width="105" id="p4" src="produkty/6202_1.jpg"> </li>
  6. </ul>
Fifi209
a więc coś takiego

[JAVASCRIPT] pobierz, plaintext
  1. $("#overview > li > img").click(
  2. function() {
  3. alert($(this).attr('id'));
  4. }
  5. );
[JAVASCRIPT] pobierz, plaintext
thomson89
Dziękuję!
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.