查询 :Automatically change the width equal to an element

Question

首先，抱歉我的英语不好:)

dm3一个宽度取决于tx1...n，tx1...n自动排序为2-3-4-。 .. 窗口更改时的列宽，或者出现不同的模块时更改 dm3 宽度。

现在我想要一个简单的 jquery，当 dm3 改变宽度时，dm1 会自动改变等于 dm3 的宽度。

注意:dm1 随 dm3 改变而改变，而不仅仅是在页面加载时改变。

例如:

<div class="dm1">
<div class="to1">...</div>
<div class="to2">...</div>
</div>
<div class="dm2">
....
</div>
<div class="dm3">
<div class="tx1">..Content..</div>
<div class="tx2">..Content..</div>
<div class="tx3">..Content..</div>
...
<div class="txn">..Content..</div>
</div>

结果:

<div class="dm1" style="width: 500px/600px;">
<div class="to1">...</div>
<div class="to2">...</div>
</div>
<div class="dm2">
....
</div>
<div class="dm3"> /* div width is 500px/600px */
<div class="tx1">..Content..</div>
<div class="tx2">..Content..</div>
<div class="tx3">..Content..</div>
...
<div class="txn">..Content..</div>
</div>

谢谢你帮助我

Answer 1

我认为这样的东西应该适合你:

JS Fiddle Example

$(window).on('load resize', function() { // On load or window resize
    var dm3Width = $('.dm3').width() // Get dm3 width
    $('.dm1').width(dm3Width); // Make dm1 width match dm3 width
});