jQuery的：自動改變寬度等於元素

Question

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

dm3一個寬度取決於tx1...n，tx1...n自動排序2-3-4 -...列的寬度時，窗口被改變，或者不同的模塊出現改變dm3寬度。

現在我想要一個簡單的jquery，當dm3改變寬度時，dm1會自動改變寬度等於dm3。

注：dm1變化時dm3變化，不只是改變在頁面加載時。

EX：

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