Сделать изменение ширины содержимого div во многих разных позициях

Question

Я хочу, чтобы ширина ширины div зависела от ширины каждого родительского div снаружи.

У меня есть HTML, как:

<div class="box-outside1"> 
<div class="box1"> 
    <div class="post-thumnail79"></div> 
</div> 
</div> 

<br/> 

<div class="box-outside5"> 
<div class="box1"> 
    <div class="post-thumnail79"></div> 
</div> 
</div> 

класса box-outside1 и box-outside5 имеют разные width.

И класс box1 устанавливается со значением width составляет 100%

Это означает в зависимости от ширины класса box-outsideN мы установим ширину для класса post-thumnail79.

Представлено, но оно установлено для всех классов post-thumnail79.

Вы можете увидеть Jsfiddle here и помочь мне в его решении. Благодарю.

Answer 1

JSFiddle

$(".box1").each(function (index, element){ 
    var intBoxWidth = $(this).width(); 

    if(intBoxWidth > 400 && intBoxWidth < 500) { 
     $(".post-thumnail79", this).width(intBoxWidth/2); 
    } 
    else if(intBoxWidth < 300){ 
     $(".post-thumnail79", this).width(intBoxWidth); 
    } 
});