Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]Klasa dla pierwszych akapitów w bloku
Forum PHP.pl > Forum > Przedszkole
kamil_lk
Cześć.

  1. <div id="kontener">
  2.  
  3. <div class="box">
  4. <div class="opis">
  5. <p>Akapit jeden</p>
  6. <p>Akapit dwa</p>
  7. <p>Akapit trzy</p>
  8. <p>Akapit cztery</p>
  9. </div>
  10. </div>
  11.  
  12. <div class="box">
  13. <div class="opis">
  14. <p>Akapit jeden</p>
  15. <p>Akapit dwa</p>
  16. <p>Akapit trzy</p>
  17. <p>Akapit cztery</p>
  18. </div>
  19. </div>
  20.  
  21. <div class="box">
  22. <div class="opis">
  23. <p>Akapit jeden</p>
  24. <p>Akapit dwa</p>
  25. <p>Akapit trzy</p>
  26. <p>Akapit cztery</p>
  27. </div>
  28. </div>
  29.  
  30. </div>


W jaki sposób mogę nadać klasę wszystkim pierwszym akapitom w danych blokach?

Próbowałem w ten sposób, ale nadaje to klasę tylko pierwszemu, którego napotka
  1.  
  2. $(document).ready(
  3. function(){
  4.  
  5. $('#kontener .box .opis p').hide(); //ukrywam wszystkie p
  6.  
  7. $('#kontener .box .opis p:first').show(); // tutaj chciałbym pokazać wszystkie pierwsze akapity
  8.  
  9. }
  10. );
  11.  
Greg0
Skorzystaj z http://api.jquery.com/each/
kamil_lk
Możesz pokazać jak to zrobić?

W jq jestem troche zielony.

Próbuję jakoś tak, ale nie bangla
  1. $('#kontener .box .opis p:first').each(function(){
  2. $(this).show();
  3. });
mccd
http://jsfiddle.net/veQzM/

lub samo:

http://jsfiddle.net/veQzM/1/
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.