jQuery (Schleife): Breite des Elternelements auf Kindelement übertragen

[zome]

Hallo liebe PSD-Community,

es geht um eine Webprojekt von mir, bei dem ich eine Navigation nach oben "Drop up Menu" realisieren möchte.
Das hat auch schon soweit ganz gut funktioniert, siehe Screenshot:



Nun geht es darum: die Breite der Menupunkte ist ja unterschiedlich, d.h. ich kann nicht mit einer festen Breite für das Submenu arbeiten.

Ich wollte die Sache dynamisch zuweisen, und hierbei mit jQuery arbeiten:

jQuery(document).ready(function() {
        var parent = jQuery(".parent");        
        jQuery("ul.sub").css({ width: parent.width()
                                 });
    });

So funktioniert das leider nur bei einem Submenu, da die anderen ebenfalls dieselben Werte erhalten.
Man müsste hierbei wohl mit einer Schleife und "this" arbeiten. Leider bin ich mir hier nicht so sicher, wer kann helfen? Danke.

 

[cebito]

AW: jQuery (Schleife): Breite des Elternelements auf Kindelement übertragen

Dafür gibt es .each() in jQuery
http://api.jquery.com/each/

 

[hub]

AW: jQuery (Schleife): Breite des Elternelements auf Kindelement übertragen

Moin moin,
das hängt u.A. vom Aufbau deines Menüs ab, also wie du deine Sub-Menüs positionierst. Da wäre ein Link oder ein wenig mehr Code (deines Menüs) hilfreich. Im Prinzip kannst du alles mit Css erledigen ...

Gruß Ulli

 

[zome]

AW: jQuery (Schleife): Breite des Elternelements auf Kindelement übertragen

Vielen Dank an alle Mitstreiter!
------
Ich habe die Sache nun hinbekommen, siehe Codeupdate:

jQuery(document).ready(function() {
        var parent = jQuery(".parent");       
          jQuery( ".parent" ).each(function( index ) {
            jQuery(this).children("ul.sub").css({ width: jQuery( this ).width() - 20
                                 });
        });
    });

An Hub: nein, CSS alleine packt das nicht, da es nicht automtisch "weiß" wie breit das Elternelement ist, welches anders positioniert ist

An Cebito: danke, für den richtigen Tipp & Richtung

evtl. kann man das noch verbessern, kürzer schreiben - ja die Varible ist beim aktuellen Skript unnötig...

-----
-----
Wo kann man den Thread auf gelöst setzen?