Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][jquery] addclass, onhover, element w innej sekcji
Johnas
post
Post #1





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


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

Ten post edytował GodOfPeople 1.03.2016, 17:01:37


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 4)
markuz
post
Post #2





Grupa: Zarejestrowani
Postów: 1 240
Pomógł: 278
Dołączył: 11.03.2008

Ostrzeżenie: (0%)
-----


[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.

Ten post edytował markuz 1.03.2016, 17:19:24


--------------------
Go to the top of the page
+Quote Post
Comandeer
post
Post #3





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


$.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


--------------------
Go to the top of the page
+Quote Post
Johnas
post
Post #4





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

Ostrzeżenie: (0%)
-----


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


--------------------
Jak coś jest dobre, to nie znaczy że nie może być to lepsze - Ideały nie istnieją ;D
Strony internetowe Świnoujście
Go to the top of the page
+Quote Post
Comandeer
post
Post #5





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Hm…
Kod
$( 'selektor' ).parents( 'innySelektor' ).find( 'toCoChcesz' );

↑ Może tak pokombinować?


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 20.08.2025 - 12:09