Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: jquery dodanie klasy do div'a tylko raz...?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
marcus755
Pytanie,
jak w jquey wymusić, żeby tylko raz dodał mi poniższą klasę, a nie do każdego?

  1. $(".test").find(".podtest").addClass("jakas");
  2.  
  3. <div class="test">
  4. <div class="podtest">
  5. costam
  6. </div>
  7. </div>
  8.  
  9. <div class="test">
  10. <div class="podtest">
  11. costam
  12. </div>
  13. </div>
  14.  
  15. <div class="test">
  16. <div class="podtest">
  17. costam
  18. </div>
  19. </div>
Pyton_000
Kod
.find(".podtest").first().
Turson
Kod
$(".test").find(".podtest:nth-child(1)").addClass("jakas");
marcus755
to wiem...,
ale jak użyję .first(),
to nie bedzie tak, że zawsze doda mi tylko do pierwszego?

bo ja chciałem zrobić docelowo
coś takiego, że np.
o godz.:
9:00 - dodaje mi klasę .jakaś do pierwszego div'a z klasą .podtest
10:00 - usuwa mi z pierwszego, a dodaje do drugiego
11:00 - usuwa mi z drugiego, a dodaje do trzeciego

jak zrobić?
trueblue
Przypisz im jakiś atrybut, np.: data-hour="xx", o danej godzinie sprawdzaj i jeśli się zgadza, to przypisz klasę, pozostałym usuń.
vermis
użyj :nth-child(n) lub pobierz podrzędne elementy do tablicy, usuń klasę wszystkim, następnie w pętli znajdź odpowiedni element i potem nadaj mu klasę.
Pyton_000
Pobierz godzinę, odejmij 8 i wynik wstaw w :nth-child(xxx)
marcus755
Pobieram sobie .getTime();
chyba zapomniałem,
ale jak wyciągnąć ze span z klasą .time liczby określające czas,
i powiązać to z .getTime(); w taki sposób żeby dodać i ukrywać klasę?


  1. var start = new Date().getTime();
  2. $(".test").find(".podtest").addClass("jakas");
  3.  
  4. <div class="test">
  5. <div class="podtest">
  6. <span class="time">9:45</span>
  7. </div>
  8. </div>
  9.  
  10. <div class="test">
  11. <div class="podtest">
  12. <span class="time">10:30</span>
  13. </div>
  14. </div>
  15.  
  16. <div class="test">
  17. <div class="podtest">
  18. <span class="time">11:00</span>
  19. </div>
  20. </div>
trueblue
text()
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-2024 Invision Power Services, Inc.