如何獲得div寬度的動態變化jquery

Question

<div class="video_wrpr" style="width: 1920px; left: -301px;"> 
      <div class="video1" style="width: 296.008px;"> 

這是我的html代碼。我想計算動態變化的video1的寬度，並在我的情況8中乘以一些數字，並更改video_wrpr的寬度。

element.style { 
width: 296.008px; 
} 
.video1 { 
position: relative; 
float: left; 
width: 235px; 
margin-left: 5px; 
cursor: pointer; 
transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-webkit-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
height: 174px; 
} 

這是div的樣式，然後元素樣式的寬度動態改變寬度，同時調整屏幕大小。而我試圖使用寬度（）獲得該div的寬度。它給我的結果是235px而不是296px。

然後我用$ window.resize獲得動態寬度的該div

jQuery(function($){ 

    $(window).resize(function(e) { 
      $('.video1').each(function() { 
       slwidth = $(this).width(); 
      }); 
    }); 
    var sliderLength=parseInt(jQuery('.video_wrpr .video1').length); 
    $('.video_wrpr').width((sliderLength*slwidth)); 

如果我用這個我想用slwidth變量作爲全局變量，我並不怎麼實現的。

我想知道這是唯一的方法或任何其他方式存在？

Answer 1

剛剛宣佈slwidth以外所有的功能：

var slwidth = 0; 
jQuery(function($){ 

$(window).resize(function(e) { 
     $('.video1').each(function() { 
      slwidth = $(this).width(); 
     }); 
}); 
var sliderLength=parseInt(jQuery('.video_wrpr .video1').length); 
$('.video_wrpr').width((sliderLength*slwidth));