Javascript 在许多不同位置更改div内容的宽度

我想根据外部每个父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-outside 1

和

box-outside 5

具有不同的

宽度

类
box1
设置为
width
值为100%

这意味着，根据类
框外部的宽度，我们将为类
设置thumnail79
后的宽度

我演示了，但它为thumnail79之后的所有类设置了

您可以查看JSFIDLE并帮助我解决它。谢谢。

$（“.box1”）。每个（函数（索引，元素）{
var intBoxWidth=$（this）.width（）；
如果（intBoxWidth>400&&intBoxWidth<500）{
$（.post-thumnail79），this.width（intBoxWidth/2）；
}
否则如果（intBoxWidth<300）{
$（“.post-thumnail79”，this）.width（intBoxWidth）；
}
});
检查我的JSFIDLE with条件，然后再次获取您的答案。感谢+1，感谢你为那些没有表现出自己努力的人所做的一切。我正在检查。谢谢。刚刚更新-把最新的代码带上去！当然，也请参见。我总是非常欣赏热情的人。在你的帮助下，我学到了更多。检查最佳答案是必要的。
$(".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);
    }
});