[JavaScript] Pobranie i zwrócenie klasy Opcje

[php11]

Mokrego Dyngusa!!!

;-)


Mam dwie listy (ul class="aaaaa" oraz ul class="bbbbb"), których elementy li mają identyczne klasy.
Chciałbym, by po najechaniu myszą na jeden element listy do bliźniaczego dodała się klasa hover.

Umiem to zrobić oddzielnie dla każdego elementu, ale nie za bardzo to eleganckie :-D

To jest pewnie kod wyjściowy (hover dodawany jest do wszystkich li)...

[HTML] pobierz, plaintext 
 
    $(document).ready(function(){
        $(".aaaaa li").hover(function() {
 
              $(".bbbbb li").addClass('hover');
              }, function(){
              $('.bbbbb li').removeClass('hover');
 
              });
        });
    });
 
[HTML] pobierz, plaintext 

Klasę chyba nie do końca pobieram dobrze - w konsol tworzy się wiele duplikatów.

[HTML] pobierz, plaintext 
 
    $(document).ready(function(){
        $(".aaaaa li").hover(function() {
 
 
                    var klasa = $(this).attr('class');
                    console.log( klasa );
 
 
              $(".bbbbb li").addClass('hover');
              }, function(){
              $('.bbbbb li').removeClass('hover');
 
              });
        });
    });
 
 
[HTML] pobierz, plaintext 

Ale i tak nie potrafię jej poprawnie dopisać :-)

Dzięki

[php11]

Dziękuję za odpowiedź, bardzo mi pomogła.

Ponieważ muszę dodać klasę hover do drugiej listy, zrobiłem:

[HTML] pobierz, plaintext 
$(".bbbbb li").mouseover(function(){
         $('.'+this.className+'').addClass('hover');
    });
 
$(".bbbbb li").mouseout(function(){
        $('.'+this.className+'').removeClass('hover');
    });
 
[HTML] pobierz, plaintext 

Po najechaniu jest ok, ale gdy zjadę myszą klasa hover niestety zostaje w elemencie.


p.s. Patrząc na Twój kod: po zabraniu myszy znad Li białe tło pozostaje.

Ten post edytował php11 28.03.2016, 12:50:42