Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jQuery] Dostęp do kilku klas
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Jarod
Na stronie w tabeli mam kilka wpisów o mniej więcej takiej budowie:


  1. <tr>
  2. <th>Treść artykułu</th>
  3. <th>Opcja1</th>
  4. <th>Opcja2</th>
  5. <th>Opcja3</th>
  6. </tr>
  7.  
  8. <tr class="1">
  9. <td><span class="nazwa">Artukuł 1</span></td>
  10. <td><span class="dodaj">Dodaj uwagę</span></td>
  11. <td><span class="edytuj">Edytuj uwagę</span></td>
  12. <td><span class="usun">Usuń wpis</span></td>
  13. </tr>
  14.  
  15. <tr class="2">
  16. <td><span class="nazwa">Artukuł 1</span></td>
  17. <td><span class="dodaj">Dodaj uwagę</span></td>
  18. <td><span class="edytuj">Edytuj uwagę</span></td>
  19. <td><span class="usun">Usuń wpis</span></td>
  20. </tr>
  21.  
  22. <tr class="1">
  23. <td><span class="nazwa">Artukuł 1</span></td>
  24. <td><span class="dodaj">Dodaj uwagę</span></td>
  25. <td><span class="edytuj">Edytuj uwagę</span></td>
  26. <td><span class="usun">Usuń wpis</span></td>
  27. </tr>
  28.  
  29. ...


Każdy artykuł ma w <tr> klasę z numerem wpisu (nie mogę użyć # ponieważ id będą się powtarzały).

Poniżej event w jquery, który po kliknięciu w "Usuń wpis" wyświetla alert z treścią klikniętego napisu:
Kod
$(".usun").live("click", function(){
alert($(this).html());
});


Za pomocą $(this) dostałem się do klikniętego elementu.

Pytanie: W jaki sposób mogę dostać się do wartości klasy danego wiersza - czyli np do <tr class="2">?
Czy to po kliknięciu "Dodaj uwagę", "Edytuj uwagę" czy "Usuń wpis" potrzebuję poznać id artykułu na którym chcę wykonywać operację.
Mam nadzieję, że nie zamotałem.
Wicepsik
[JAVASCRIPT] pobierz, plaintext
  1. $(".usun").live("click", function(){
  2. alert($(this).parent().parent().attr('class'));
  3. });
[JAVASCRIPT] pobierz, plaintext


Lepszego pomysłu nie mam
batman
Lepiej zastosować funkcję parents
[JAVASCRIPT] pobierz, plaintext
  1. $(".usun").click(function() {
  2. var cssClass = $(this).parents('tr').attr("class");
  3. alert(cssClass);
  4. });
[JAVASCRIPT] pobierz, plaintext
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.