Как получить динамически изменяющуюся ширину div jquery

Question

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

Это мой html-код. Я хочу рассчитать ширину видео1, которая динамически изменяется и умножается на некоторое число в моем случае 8 и меняет ширину видео_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, используя width(). Это дает мне результат, поскольку 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));