javascript - 在许多不同的位置更改 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%

这意味着根据 class 的宽度box-outsideN，我们将为 class 设置宽度post-thumnail79。

我提出了，但它为所有班级设置post-thumnail79。

你可以在这里看到 Jsfiddle并帮助我解决它。谢谢。

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);
    }
});