javascript - 使用父标签的样式属性附加新标签

Question

我想创建图像缩放图标。我正在使用的富文本编辑器会写类似

<p>
  <a title="" data-original-title="" href="myimage.jpg" class="lightbox gallery cboxElement" rel="lightbox[145]">
     <img style="padding-left: 10px; float: right;" src="myimage.jpg" alt="" class="img-responsive-rte" height="140" width="130">
  </a> 
here' some text ......
</p>

每张图片。

不幸的是，css-content-property 不能与 img 一起使用，所以我需要预先添加/附加标签以便定位图标。

我正在使用 $("<div class='enlargeicon'></div>").appendTo('.cboxElement');添加标签。

到目前为止一切顺利:我还需要为每个图像添加获取 float 的值，并将其插入到图标的 div 中。

感谢您的帮助!

Answer 1

使用这个语法。

var imageFloat = $('.cboxElement a img').css('float'); // get the float value of the img
$("<div class='enlargeicon' style='float:"+ imageFloat  +"'></div>").appendTo('.cboxElement');