Question

我有一个我需要在div中包装的图像：

目前这样做：

$('.photo-img').wrap('<div class="photo-wrap" />');

然后我需要从img中获取浮动设置并将其添加到新div。

这是HTML：

<img class="photo-img" style="margin-left: 10px; margin-right: 0px; float: right; width: 200px; height: 267px;" src="path/to/image.jpg" alt="">

这就是我需要的：

<div class="photo-wrap" style="float: right;">
   <img class="photo-img" style="margin-left: 10px; margin-right: 0px; float: right; width: 200px; height: 267px;" src="path/to/image.jpg" alt="">
</div>

任何帮助都会得到很多帮助。

C

Answer 1

var img = $('.photo-img');

img.wrap('<div class="photo-wrap" />').parent().css('float', img.css('float'));

jsFiddle

......或者......

$('.photo-img')
 .parent()
 .css('float', function() { return $(this).find('.photo-img').css('float'); })

Answer 2

$('.photo-img').wrap('<div class="photo-wrap" />');
var imgFloat = $('.photo-img').css('float');
$('.photo-wrap').css("float", imgFloat);

编辑：

随心所欲地写一些东西，而不是testet，但我觉得这样的事情可能有用：

$('.photo-img').each(function() {
     var imgFloat = $(this).css('float');
     $(this).wrap('<div class="photo-wrap" style="float:' + imgFloat + '"/>');
});

jquery：在div中包装图像并将浮动从图像复制到div

2 个答案: