Jquery：自动更改宽度等于一个元素 [英] Jquery :Automatically change the width equal to an element

问题描述

首先，对我的英语不好：）

dm3 宽度取决于 tx1 ... n ， tx1 ... n 窗口自动排序2-3-4 -...列宽





现在我想要一个简单的jquery，当 dm3 c $ c> dm3 更改宽度， dm1 将自动将宽度更改为 dm3 。

注意： dm1 更改

EX：

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

结果：

 code>< div class =dm1style =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> ..内容..< / div> 
< div class =tx2> ..内容..< / div> 
< div class =tx3> ..内容..< / div> 
 ... 
< div class =txn> ..内容..< / div> 
< / div>非常感谢您的帮助
 
  方案
我觉得这样的东西对你应该有用：
 
 
 
  JS Fiddle Example  
  $（window）.on（'load resize' function（）{//加载或窗口调整大小
 var dm3Width = $（'。dm3'）。width（）//获取dm3宽度
 $（'。dm1' ; // Make dm1 width matching dm3 width 
}）; 
  
 
First, sorry for my english is bad :)

dm3 a width depends on the tx1...n, tx1...n automatically sorted 2-3-4 -... column width when the window is changed, or a different module appear changed dm3 width.

Now I want a simple jquery, when dm3 change the width, dm1 will automatically change the width equal to dm3.

Note: dm1 changes when dm3 change, not just change when the page loads.

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>
Result:
<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>
Thanks for helping me
解决方案
I think something like this should work for you:

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


                        
这篇关于Jquery：自动更改宽度等于一个元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！