FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: jQuery Link in Liste ansprechen vom 17.03.2009

	MGi Foren-Übersicht -> Programmierung -> jQuery Link in Liste ansprechen

Autor

Nachricht

xrb
Threadersteller

Dabei seit: 18.10.2008
Ort: -
Alter: -
Geschlecht: -

Verfasst Di 17.03.2009 20:27
Titel

jQuery Link in Liste ansprechen

Antworten mit Zitat

Hallo,

habe mal wieder ein kleines jQuery Problem..

Ich möchte die Hintergrundfarbe der einzelnen Listenelementen ändern UND die Linkfarbe.

HTML

Code:

<ul id="navigation">
<li><a href="aaa.php">Link 1</a></li>
<li><a href="bbb.php">Link 2</a></li>
<li><a href="ccc.php">Link 3</a></li>
</ul>

JS

Code:

$("#navigation li").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);

Damit wird wunderbar die Hintergrundfarbe der Liste geändert. Nun möchte ich aber auch die Links ansprechen und deren Farbe ändern, nur wie spreche ich diese an?

Code:

$("#navigation li").hover(
function () {
$(this).addClass("hover");
$(this).next("a").addClass("hover_link"); // geht leider nicht
},
function () {
$(this).removeClass("hover");
}
);

*Schnief*

Private Nachricht senden

pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich

Männlich

Verfasst Fr 20.03.2009 08:40
Titel

Antworten mit Zitat

versuch mal statt:

Code:

$(this).next("a").addClass("hover_link"); // geht leider nicht

sowas wie

Code:

$(this+" a").addClass("hover_link"); // geht leider nicht

oder du bindest es direkt an die a-tags

Code:

$("#navigation li a").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);

könntest den a-tags allerdings auch ne classe geben, und die direkt über css "hovern" oder über jquery die klassen ansprechen.

desweiteren schau dir mal die toggleClass-geschichten von jquery an. macht i.d.r. viel mehr sinn als add- und removeClass...

Private Nachricht senden

Website dieses Benutzers besuchen

Anzeige

Anzeige

Ähnliche Themen

einzelenen link mit jquery ansprechen
[Javascript|jQuery] Bestimmten Link aus Liste verändern
[jQuery] - Kindelemente ansprechen
jQuery - folgende Elemente ansprechen
'Liste' von Link 'Leisten' - Umsetzung
jQuery - open/close Link erstellen


	MGi Foren-Übersicht -> Programmierung

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.