jQuery的一個元件的CSS值設置爲另一個

Question

我需要設置爲「填充左」的<div id="menu">等於的<ol>

在這裏，寬度一點點幫助是爲參考

<ol style="width:80%">some code</ol> 

<div id="menu">some text</div> 

我的示例代碼「M試圖用jQuery做到這一點，我不知道它好，所以這是我嘗試

$("#menu").css({"paddingLeft": "$('ol').width()"}); 

它只能如果我在這裏012輸入一個值自己像400像素

但是，這是一個負責任的設計，我希望它automaticaly得到<ol>元素的值，並在pixes

Answer 1

取下"$('ol').width()"的"否則將無法正常工作

$("#menu").css({"paddingLeft": $('ol').width()}); 

如果您想要在更改大小的同時更改填充，然後將其放入窗口中resize()事件

$(window).resize(function() { 
    $("#menu").css({"paddingLeft": $('ol').width()}); 
}); 

Answer 2

太近了！

$("#menu").css({"paddingLeft": $('ol').width()}); 

Answer 3

$("#menu").css({"paddingLeft": $('ol').width()}); 

Answer 4

From jQuery API

您可以檢查方法.css(propertyName, value)和看着辦吧。

順便說一下，當你刷新你的窗口大小。代碼是這樣的：

$(window).resize(function(){ 
    $("#menu").css({"paddingLeft": $('ol').width()}); 
})