jQuery：CSSに独自の幅を設定するにはどうすればよいですか？

Question

私はいくつかのラベルrightプロパティを設定しようとしているので、マウスでそれを変更することができます。

私がjQueryでこれをやっている理由は、それぞれがCSSを介して行うことができない異なるサイズを持っているからです。

これは私が持っているものです。

もちろん、動作しない、

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

、$(this)私はウィンドウ幅であると信じるものを返しているので。

どのようにしてrightの位置を要素独自の幅で設定できますか？

Answer 1

あなたはこのようfunction parameterを使用することができます。今すぐあなたのHTMLマークアップを依存

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

、これはちょうど十分考えられます。

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

Answer 2

は各ループでそれを行う、あなたがthis使用することができます。

を

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