Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][jquery] addclass, onhover, element w innej sekcji
Forum PHP.pl > Forum > Przedszkole
Johnas
Witam, mam taki oto kod:

  1. <div class="col-md-4">
  2. <div class="element anim-img">
  3. <figure><img src="images/m1.jpg" class="img-responsive it" alt="Kunstler"></figure>
  4. <a href="kunstler.html" class="link r1">Weiter <element><img src="images/right.jpg" alt="right" /></element></a>
  5. </div>
  6. </div>


i chciałbym aby po najechaniu na img dodawało klasę elementowi w linku gdzie jest inny obrazek... Próbuje bawić się parentami, childrenami, ale średnio mi to wychodzi.. Ktoś ma pomysł jak to zrobić ? Tych elementów jest wiele dlatego nie wchodzi w grę dodawanie manualnie klas. Jest jakiś sposób, aby napisać to jeden raz i aby działało to dla wszystkich elementów ?

PS. Comandeer nie śmiej się ze mnie tongue.gif
markuz
[JAVASCRIPT] pobierz, plaintext
  1. $('.img-responsive').hover(function() {
  2. $(this).closest('a.link').addClass('superClass');
  3. });
[JAVASCRIPT] pobierz, plaintext


ew. parent().next() to chyba jest a.
Comandeer
$.fn.closest AFAIR nie zadziała, bo link jest w innym rodzicu.

Stąd najsensowniej img.parent().next().find (czyli tak, jak markuz podał).

Cytat
PS. Comandeer nie śmiej się ze mnie

Ja mam bekę jedynie z hejterów i całkowitych leniów (chociaż oni to w sumie irytują). Ty się nie kwalifikujesz do żadnej z tych kategorii wink.gif
Johnas
bez twojego nexta nie dałbym rady wink.gif powyższy kod wcale nie chciał mi działać... musiałem zrobic to w Taki sposób:
[JAVASCRIPT] pobierz, plaintext
  1. $('.anim-img figure img').hover(function() {
  2. $(this).parent().parent().children().next().children().css("margin-left", "15px");
  3. }, function (){
  4. $(this).parent().parent().children().next().children().css("margin-left", "5px");
  5. });
[JAVASCRIPT] pobierz, plaintext


mówiłem że kombinowałem i przekombinowałem smile.gif
Comandeer
Hm…
Kod
$( 'selektor' ).parents( 'innySelektor' ).find( 'toCoChcesz' );

↑ Może tak pokombinować?
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.