Question

获得了一些HTML，如下所示：

<div class="projectContentWrapperOverlayDIV"></div>
<img src="image1.jpg">

<div class="projectContentWrapperOverlayDIV"></div>
<img src="image2.jpg">

<div class="projectContentWrapperOverlayDIV"></div>
<img src="image3.jpg">

我希望能够将每个<div class="projectContentWrapperOverlayDIV"></div>的宽度和高度设置为与它在标记中位于上面的JPEG相同 - 它们都是不同的大小和％s因此在调整大小时更改窗口。

有人可以帮忙吗？

Answer 1

使用docs方法，并使用.each()将每个前一个div的当前宽度和高度设置为当前图像：

// For each image
$("img").each(function(){
    // Set the width/height of the previous div to be the current image width/height.
    $(this).prev('.projectContentWrapperOverlayDIV').width($(this).width());
    $(this).prev('.projectContentWrapperOverlayDIV').height($(this).height());
});

$(this).prev('.projectContentWrapperOverlayDIV')

目标DIV位于每个图像上方

1 个答案: