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。