jquery-selctor: aktuelle Klasse bei mouseover

halskrause · 24.12.2009, 19:08

Hi. ich habe eine kleine Gallery, Wo Bilder in einer DIV eingeblendet werden sollen.
Nun würde ich gern einen Mouseover Effect diesen Divs geben.
Jedoch habe ich ein Problem mit de Selektor. Wenn ich als Selector $(".contents") wähle, und in der Funktion dann ebenfalls diese manipulieren will, ist es so, dass ale Klassen, die so benannt sind mitmanipuliert werden.

Hier der Code

Code:

$(document).ready(function() {
    $(".contents").mouseover(function() {
        $(".contents img").fadeIn("slow");
      })
  })

Ich hätte gern, dass nur die aktuelle(mouseover) Klasse einen Image einblendet. Ist das möglich?

Manko10 · 25.12.2009, 00:30

Du musst dann natürlich auch $(this) nutzen statt dem Selektor.

Schöne Weihnachten noch!

halskrause · 26.12.2009, 13:42

Hi. Das mit dem $(this) habe ich nun eingesetzt.
Aber mein Problem ist nun, dass ich nun nur den image tag der sich in dieser Klasse befindet einblenden will . Hierfür muss ich zu $(this) auch img einbinden. Ist das möglich?

Code:

$(document).ready(function() {
    $(".contents").mouseover(function() {
        $(this).("img").fadeIn("slow");
     })
})

Dies und paar andere Variationen habe ich schon getestet. leider ohne Erfolg.
Irgend eine Idee?

Manko10 · 26.12.2009, 14:21

Code:

$(this).children('img').fadeIn('slow');

nikosch · 30.12.2009, 02:24

Code:

$('img' , this).fadeIn('slow');

http://docs.jquery.com/Core/jQuery#expressioncontext

Zitat:

Code:

jQuery( expression, [context] )

By default, if no context is specified, $() looks for DOM elements within the context of the current HTML document. If you do specify a context, such as a DOM element or jQuery object, the expression will be matched against the contents of that context.

"jQuery" ist ein Alias zu $. (Genauer umgekehrt).

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] variable außerhalb einer klasse definieren - "var $variable" in klasse not	taurus	PHP Tipps 2009	14	05.12.2009 16:00
Grundsatzfrage zu Attributen einer Klasse	sloomf	PHP Tipps 2009	6	25.10.2009 07:14
Klasse für Objekteigenschaft erzeugen?	Asipak	PHP-Fortgeschrittene	25	30.05.2009 19:45
[Erledigt] Eine klasse einbinden	newWorldOrder	PHP Tipps 2009	2	23.02.2009 19:32
[Erledigt] Klasse in anderer Klasse benutzen	Screeze	PHP Tipps 2009	2	04.01.2009 14:57
Methode einer anderen Klasse aufrufen	Luka	PHP-Fortgeschrittene	15	09.11.2008 14:19
Klasse aus externer Klasse aufrufen	kostja	PHP Tipps 2008	8	07.08.2008 14:13
Variable aus Klasse herausbekommen	GSJLink	PHP Tipps 2008	7	16.02.2008 22:25
String-Parser Klasse - was muss rein?	Matze	PHP Tipps 2007	2	08.04.2007 22:14
mehr als eine Klasse einbinden	Alpha Centauri	PHP-Fortgeschrittene	4	13.04.2006 20:56
Klasenname einer nicht instanziierten Klasse	DerDesian	PHP Tipps 2007	9	30.11.2005 13:13
Instanz einer Klasse in einer anderen Klasse verwenden	Buhmann	PHP-Fortgeschrittene	7	28.10.2005 23:12
[Erledigt] Führerschein für Klasse A+B.. Preis OK???		Off-Topic Diskussionen	20	13.07.2005 18:44
[Erledigt] Problem mit Übergabe einer Klasse in PHP4		PHP-Fortgeschrittene	10	08.01.2005 21:00
Klasse ändern	UniQ	PHP Tipps 2004	5	24.08.2004 14:46

24.12.2009, 19:08
halskrause Erfahrener Benutzer Registriert seit: 29.08.2008 Beiträge: 777	jquery-selctor: aktuelle Klasse bei mouseover Hi. ich habe eine kleine Gallery, Wo Bilder in einer DIV eingeblendet werden sollen. Nun würde ich gern einen Mouseover Effect diesen Divs geben. Jedoch habe ich ein Problem mit de Selektor. Wenn ich als Selector $(".contents") wähle, und in der Funktion dann ebenfalls diese manipulieren will, ist es so, dass ale Klassen, die so benannt sind mitmanipuliert werden. Hier der Code Code: $(document).ready(function() { $(".contents").mouseover(function() { $(".contents img").fadeIn("slow"); }) }) Ich hätte gern, dass nur die aktuelle(mouseover) Klasse einen Image einblendet. Ist das möglich?


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

25.12.2009, 00:30
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Du musst dann natürlich auch $(this) nutzen statt dem Selektor. Schöne Weihnachten noch! __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”

26.12.2009, 13:42
halskrause Erfahrener Benutzer Registriert seit: 29.08.2008 Beiträge: 777	Hi. Das mit dem $(this) habe ich nun eingesetzt. Aber mein Problem ist nun, dass ich nun nur den image tag der sich in dieser Klasse befindet einblenden will . Hierfür muss ich zu $(this) auch img einbinden. Ist das möglich? Code: $(document).ready(function() { $(".contents").mouseover(function() { $(this).("img").fadeIn("slow"); }) }) Dies und paar andere Variationen habe ich schon getestet. leider ohne Erfolg. Irgend eine Idee?

26.12.2009, 14:21
Manko10 Supermoderator HD Registriert seit: 16.03.2008 Beiträge: 8.706 PHP-Kenntnisse: Fortgeschritten	Code: $(this).children('img').fadeIn('slow'); __________________ Refining Linux Advent Calendar series “24 Outstanding ZSH Gems”