jquery - 找到子图像宽度并将其应用于包含父div jquery

Question

我有一个<img>和一些<p>在 <div> 里面。

我想获取子img的宽度并将其应用于父div的宽度，以便文本段落将换行为与img相同的宽度。

我希望能够对同一页面上的多个迭代执行此操作。

背景: 我正在开发一个使用 masonry jquery 插件 ( http://desandro.com/resources/jquery-masonry ) 的 WordPress 主题。我的主题与 Gridalicious 主题 ( http://suprb.com/apps/gridalicious ) 有一些共同点，但帖子宽度和大小将由图像宽度决定，并且不会统一。

我的 html/css 是一尘不染，但我的 jquery/javascript 相当不稳定 - 但如果我能得到一些指针，我应该能够使用它。

非常感谢任何帮助。

Answer 1

这非常有效。请注意，您必须使用 $(window).load() 而不是 $(document).ready()，因为 $(document).ready() 在图像实际加载之前触发，因此图像将没有宽度。

$(window).load(function() {
    $('div').each(function() {
        $(this).width($(this).find('img').width());
    });
});

编辑:请注意，这将根据 div 中的第一个图像确定宽度。只需更改索引 ([0]) 即可使其基于 div 中的另一个图像。

编辑 2:应用了 John 对 .width() 函数的更正。