使用jQuery获取css背景图像(使用html属性'style'设置)

时间:2015-08-15 18:04:21

标签: jquery html css

我有一个html div,其中包含班级InnoDB和一个ID .photoBackground。 id是一个,具有所有背景图像选项,高度宽度等。背景图像本身位于div属性#photo中。这是一个图库,其中所有div都完全相同,除了1使用style="background-image:url(link.jpg)",因为我需要稍微不同的设置。无论如何,我需要从style属性获取url。我该怎么做?

HTML:

#photo2

jQuery的:

        <div id="lightbox_shadow_container">
            <a id="lightbox-shadow"></a>
            <div id="lightboxCancelCross_container">
                <svg class="lightboxCancelCross" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="35px" height="35px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">
<g>
	<g id="cross">
		<g>
			<polygon points="612,36.004 576.521,0.603 306,270.608 35.478,0.603 0,36.004 270.522,306.011 0,575.997 35.478,611.397 
				306,341.411 576.521,611.397 612,575.997 341.459,306.011 			"/>
		</g>
	</g>
</g>
</svg>
            </div>
            <div id="lightbox_caption_container">
                <a id="lightbox"></a>
                <div class="photoCaptionEffect">
                    <p class="photoCaptionBig" style="               
    "></p>
                </div>
            </div>
        </div>
<div class="photoBackground" id="photo" style="background-image: url(Styling-Content/galleriBilleder/image11.JPG);">

1 个答案:

答案 0 :(得分:0)

您使用jQuery元素的css方法

$("#myID").css('background-image')

其中myID是div的ID(顺便说一下,你可以使用任何其他选择器)