Javascript 从父标记附加具有样式属性的新标记

Javascript 从父标记附加具有样式属性的新标记,javascript,jquery,Javascript,Jquery,我想创建图像缩放图标。我正在使用的富文本编辑器编写的内容如下 <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="im

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

<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内容属性不能与img一起使用,所以我需要预先添加/附加一个标记来定位图标

我正在使用
$(“”).appendTo('.cboxElement')
添加标签

到目前为止还不错:我还需要添加获取每个图像的浮点值并将其插入到图标的div中

谢谢你的帮助

您可以尝试以下代码:

$("<div />", {class: 'enlargeicon'}).appendTo('.cboxElement').css('float', $('.cboxElement').children("img").css('float'));
$(“”,{class:'enlargeicon'}).appendTo('.cboxElement').css('float',$('.cboxElement').children('img').css('float'));
编辑。请再试一次

这是一个例子。它似乎起作用了

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

编辑:获取
img
元素的
float
位置:谢谢您的建议。

使用此语法

var imageFloat = $('.cboxElement a img').css('float'); // get the float value of the img
$("<div class='enlargeicon' style='float:"+ imageFloat  +"'></div>").appendTo('.cboxElement');
var imageFloat=$('.cboxElement a img').css('float');//获取img的浮点值
$(“”).appendTo('.cboxElement');

我意识到我必须循环浏览文档。该警报显示每个浮动的正确值。但是如何在跨度内插入此值

$(document).ready(function(){

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


});
$(文档).ready(函数(){
$('.img响应rte')。每个(功能(i){
//警报($(this.css('float'));
$(本)。在('')之后;
})
});

非常感谢

我也尝试过这个方法,它为每个浮点输出正确的值,但也在img标记内部(而不是之后)。我必须如何更改它才能使其正常工作

$('.img-responsive-rte').each(function() {
  var x = $( this ).css( "float" );
  $( ".img-responsive-rte" ).html( "That div is <span style='float:"    x + ";'>" + x + "</span>." );       
});
$('.img响应rte')。每个(函数(){
var x=$(this.css(“float”);
$(“.img”).html(“该div为“+x+”);
});
谢谢你的回复


是否可以使用after、append、html或其他任何方式在标记内获取标签?

感谢您的即时回答。。。但是没有任何效果。$(“”).appendTo('.cboxElement').css('float',$('.cboxElement').css('float');WiRTS的浮动属性-但始终“没有”,即使IMG有权或左,而不是编写HTML作为一个字符串(它的功能)考虑应用属性作为一个对象的更清洁的实现。代码>$(“”,{class:'enlargeicon'})。附加到…
感谢您的帮助!!我编辑了你的小提琴以显示多个图像,并将类更改为.img响应rte。但它似乎不适用于多重img。