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 具有不同的宽度。

并且类 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);
    }
});