我想创建图像缩放图标。我正在使用的富文本编辑器会写类似
<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 中。
感谢您的帮助!
最佳答案
使用这个语法。
var imageFloat = $('.cboxElement a img').css('float'); // get the float value of the img
$("<div class='enlargeicon' style='float:"+ imageFloat +"'></div>").appendTo('.cboxElement');
关于javascript - 使用父标签的样式属性附加新标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36769563/