jQuery: Wie kann ich CSS mit eigener Breite einstellen?

Question

Ich versuche, einige Etiketten right Eigenschaft zu setzen, so dass ich es mit der Maus ändern kann.

Der Grund, warum ich dies über jQuery mache, ist, weil jeder eine andere Größe hat, die es nicht erlaubt, über CSS zu tun. Diese

ist, was ich habe:

$('#vertical-navigation .label').css('right', $(this).width()); 

Was natürlich, nicht funktioniert, weil $(this) zurückkehrt, was ich glaube, dass die Fensterbreite sein.

Wie kann ich die right Position mit der Element eigenen Breite für jeden festlegen?

Answer 1

Sie können function parameter wie folgt verwenden:

$('#vertical-navigation .label').css('right', function(){ 
    return $(this).width() + 'px'; 
}); 

nun Ihre HTML-Markup abhängig, könnte dies gerade genug sein:

$('#vertical-navigation .label').css('right', '100%'); 

Answer 2

Do it in jeder Schleife, dann können Sie this verwenden:

$('#vertical-navigation .label').each(function() { 
    var label = $(this); 
    label.css('right', label.width() + 'px'); 
});