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

Append new tag with style property from parent tag

本文关键字：标签 新标签 样式 属性      更新时间：2023-09-26

我想创建图像缩放图标。 我正在使用的富文本编辑器写的东西如下

<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-属性不能与img一起使用，所以我需要预置/附加一个标签才能定位图标。

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

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

感谢您的帮助！

使用此语法。

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

您可以尝试以下代码：

$("<div />", {class: 'enlargeicon'}).appendTo('.cboxElement').css('float', $('.cboxElement').children("img").css('float'));

编辑。请再试一次。

这是一个小提琴。它似乎有效。

确保作为父元素的元素具有要继承的属性。

已编辑：获取img元素的float位置。 :)谢谢你的建议杰森。

我意识到我必须遍历文档。 警报显示每个浮点数的正确值。 但是如何在跨度内插入此值呢？ 

$(document).ready(function(){
$('.img-responsive-rte').each(function(i) {
    //alert($(this).css('float'));  
    $(this).after('<span style="float:  ">');
})

});

多谢

我也尝试了这个，它为每个浮点数输出正确的值 - 但也在 img-tag 内部（而不是之后）。 我必须如何更改它才能使其工作？ 

$('.img-responsive-rte').each(function() {
  var x = $( this ).css( "float" );
  $( ".img-responsive-rte" ).html( "That div is <span style='float:"    x + ";'>" + x + "</span>." );       
});

感谢您的回复

是否有可能通过使用 after、append、html 或其他任何东西来获取 in a 标签？

相关文章：