Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][JavaScript]Problem z funkcją .next();
Forum PHP.pl > Forum > Przedszkole
sajegib
Witam!

Mam 3 div'y class="question" i taki kod

  1. $(document).ready(function(){
  2. var n = $('.question').size();
  3. $("span").text("There are " + n + " divs.");
  4. $('.question').first().show();
  5.  
  6. $('#next').click(function(){
  7. $('.question').hide();
  8. $('.question').next().show();
  9. });
  10. });


Divy (poza pierwsyzm) są po zaladowaniu strony schowane. W założeniu powyższy kod ma schować aktualny div o klasie question i pokazać kolejny. Chowanie aktualnego div'a działa, ale zamiast pokazać kolejny, pokazuje mi WSZYSTKIE kolejne.
Gdzie jest haczyk?
Z góry dzięki za pomoc!
mortus
[JAVASCRIPT] pobierz, plaintext
  1. $('.question').next()
[JAVASCRIPT] pobierz, plaintext

to kolejny element za wszystkimi div-ami o klasie question, czyli dla:
  1. <div>
  2. <div class="question">Q1</div>
  3. <div class="question">Q2</div>
  4. <div class="question">Q3</div>
  5. <div id="next">Next Question</div>
  6. </div>

bedzie to element div o id next.

.next() nie wie w tym przypadku, że chodzi Ci o element klasy question.

Zajrzyj do dokumentacji i tutaj.
sajegib
Serdeczne dzięki, już rozumiem.

Mam teraz jeszcze jeden problem, jeśli dojdę do ostatniego div'a i kliknę 'next' to - wiadomo - nic się nie pokazuje.
Chciałbym schować button 'next' przy ostatnim divie. Nie mówię, żebyś mi napisał kod, ale chociaż nakierował (jeśli możesz).
Czy jest jakiś inny sposób niż numerowanie każdego z divów?
mortus
Można spróbować tak, ale osobiście zastanowiłbym się nad numerowaniem, bo można dokładniej zidentyfikować elementy.
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.