在许多不同的位置更改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);
    }
});