jQuery: Links umwandeln und Linkinfos übergeben

[DiDiJo]

Hallo Leute,

ich mache gerade meine ersten Schritte mit jQuery und bis jetzt funktioniert auch alles super (selbst mit den AJAX Anfragen hatte ich keine Probleme).

Nun habe ich eine Seite / CMS-system das alle Links egal ob im Content oder inder NAvigation wie folgt ausgibt:
'/mainId-subId/Titel-derSeite.htm'

Nun wollte ich die Links in der Subnavi per jquery wie folgt umbauen.
Aus: '/mainId-subId/Titel-der-Seite.htm' --> soll werden --> 'javascript:refreshText("'+this.href+'");'

das ganze klappt auch und ich habs so gelöst:

$("#subnavigation a").each(function(){		
	this.href = 'javascript:refreshTextContent("'+this.href+'")';
});

Das ganze hatte auch knallermäßig funktioniert. Jetzt wollte ich fast das gleiche mit den Topmenu-Links machen. Dort wollte ich aber nicht nur die Link Adresse übergeben, sodern sämtliche LinkInfos:

$("#MainNavi a").each(function(){
	this.href = 'javascript:refreshAll(this,"'+this.href+'")';
});

Das ganze hat scheinbar auch funktioniert. Wenn ich aber das "this" weiterverarbeiten will kriege ich keine Infos ausgeben:

function refreshAll(linkData,href) {
	refreshTopnavi(linkData);
	//refreshSubnavi(href);
	refreshTextContent(href);
}

function refreshTopnavi(linkData) {
	alert(linkData.name);
	alert(linkData.id);
        alert(linkData);
}

hier ist nun Name immer leer und ID steht immer auf 'undefined'. Das letzte alert gibt dann nur ein Object.Window oder so ähnlich aus.

Der aufbau meiner Links sieht so aus:

while($row = mysql_fetch_array($rs)) {
		$class = ($site['kid'] == $row['kid']) ? 'class="active"' : "";
		$url = '/'.$row['kid'].'/'.safeURL($row['name']).'.htm';
		$ausgabe[] = '<li class="topmenu" id="button'.$row['position'].'"><a href="'.$url.'" '.$class.' id="toplink'.$row['position'].'" name="toplink'.$row['position'].'">'.$row['name'].'</a></li>';
	}

 

[rd4eva]

Links nach dem Motto <a href="javascript:func();"> solltest du vermeiden.
Dazu gibt es ja schließlich Event-Handler. <a href="gueltigeURL" onclick="func();[return false;]"> ist der oberen Version in 99% aller Fälle vorzuziehen.

Und der Grund warum das nicht funktioniert ist relativ einfach:
Im Event-Handler ausgeführt bezieht sich this auf das HTML Element.
Im href ausgeführt bezieht es sich auf die ganze Seite bzw. auf das Window Object.

Hier noch eine kleine Nachtlektüre
http://www.quirksmode.org/js/this.html