Forum PHP.pl

To mój kod HTML

[HTML] pobierz, plaintext 
<div class="filterbox">
                    <div class="item s1">
                      <div class="option">
                        <a href="#"><span>On</span></a>
                        <a href="#"><span>Off</span></a>
                      </div>
                    </div>
                    <div class="item s2">
                      <div class="option">
                        <a href="#"><span>1</span></a>
                        <a href="#"><span>2</span></a>
                        <a href="#"><span>3</span></a>
                        <a href="#"><span>4</span></a>
                        <a href="#"><span>5</span></a>
                      </div>
                    </div>
                    <div class="item s3">
                      <div class="option">
                        <a href="#"><span>0</span></a>
                        <a href="#"><span>1</span></a>
                        <a href="#"><span>2</span></a>
                        <a href="#"><span>3</span></a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
[HTML] pobierz, plaintext 

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

To kod:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function() {
    $(this).parents().find('span').removeClass('active');
    $(this).find('span').addClass('active');
});
[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ć?

$(this).parents('div').find('span').removeClass('active');

To samo, usuwa wszystkim elementom a nie z .s1 (jezeli klikne na znacznik a znajdujacy sie w .s1)