jQuery将一个元素的css值设置为另一个元素

Question

我需要一点帮助设置＆＃34;填充左边＆＃34; <div id="menu">的宽度等于<ol>

的宽度

这是一个参考示例代码

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

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

我试图用jQuery做这件事，我不太清楚，所以这是我的尝试

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

仅当我在$("#menu").css({"paddingLeft": "400px"});

输入一个400px的值时，它才有效

但是这是一个响应式设计，我想让它自动获取<ol>元素的值和像素

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()});
})