Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] jQuery - wyższy element w drzewie DOM
Forum PHP.pl > Forum > Przedszkole
bahh
To mój kod HTML
  1. <div class="filterbox">
  2. <div class="item s1">
  3. <div class="option">
  4. <a href="#"><span>On</span></a>
  5. <a href="#"><span>Off</span></a>
  6. </div>
  7. </div>
  8. <div class="item s2">
  9. <div class="option">
  10. <a href="#"><span>1</span></a>
  11. <a href="#"><span>2</span></a>
  12. <a href="#"><span>3</span></a>
  13. <a href="#"><span>4</span></a>
  14. <a href="#"><span>5</span></a>
  15. </div>
  16. </div>
  17. <div class="item s3">
  18. <div class="option">
  19. <a href="#"><span>0</span></a>
  20. <a href="#"><span>1</span></a>
  21. <a href="#"><span>2</span></a>
  22. <a href="#"><span>3</span></a>
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. </div>
  28. </div>
  29. </div>

I teraz w jQuery chcę dodać opcję, że po kliknięciu w znacznik a doda zacznikowi span klasę active

To kod:
[JAVASCRIPT] pobierz, plaintext
  1. $(document).ready(function() {
  2. $(this).parents().find('span').removeClass('active');
  3. $(this).find('span').addClass('active');
  4. });
[JAVASCRIPT] pobierz, plaintext

Chodzi o to by jeden span z diva .item mial klase .active, wiec po kliknieciu w wybrany przypisuje jemu klase a pozostalym ja usuwa. Obecny kod po kliknieciu usuwa wszystkim .active z span w .filterbox, a chcialbym zrobic tak ze usunie tylko z wybranej grupy .item.s1 i tak dalej.

Ujmując jaśniej:
- klikam w "a" znajdujący się w .item.s1 to pozostałym usuwa klasę .active znajdującą się w tym .item.s1
- klikam w "a" znajdujący się w .item.s2 to pozostałym usuwa klasę .active znajdującą się w tym .item.s2
- klikam w "a" znajdujący się w .item.s3 to pozostałym usuwa klasę .active znajdującą się w tym .item.s3

Wie ktoś jak to zrobić?
Pyton_000
$(this).parents('div').find('span').removeClass('active');
bahh
To samo, usuwa wszystkim elementom a nie z .s1 (jezeli klikne na znacznik a znajdujacy sie w .s1)
Pyton_000
Ah sorry smile.gif

Kod
$('a').click(function() {
    $(this).closest('div').find('span').removeClass('active');
    $(this).find('span').addClass('active');
})
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.