获取背景图片的URL从内联CSS与jQuery

-1

我需要同一条链路url(img/bg/06.jpg)但jQuery的给我一个长链接一样url("file:///D:/WORKING%20FILE/One%20Landing%20Page/version/img/bg/06.jpg")获取背景图片的URL从内联CSS与jQuery

这里是我的代码：

<div class="box_bg"> 
    <div style="background-image: url(img/bg/06.jpg)" class="single_bg"></div> 
    <div style="background-image: url(img/bg/07.jpg)" class="single_bg"></div 
</div> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"> 

<script> 
    $('.box_bg .single_bg').each(function() { 
     var bg_img = $(this).css('backgroundImage'); 
     $(this).click(function() { 
      window.alert(bg_img); 
     }); 
    }); 
</script>

来源

2016-11-27 Delowar Hosain

你用内嵌样式只是工作，以及是否有定义的其它一些特性，除背景图像？ – sinisake

我只使用内联样式工作..并没有 –

如果你的内联css没有更多的属性，你可以简单地使用这个：

$('.box_bg .single_bg').click(function() { 
     var bg_img = $(this).attr('style').replace('background-image: ',''); 
     alert(bg_img); 

    });

演示：https://jsfiddle.net/k0ynq7sk/

无需对每个（），如果你想获得点击特定图像图像网址...

来源

2016-11-27 15:41:10 sinisake

获取背景图片的URL从内联CSS与jQuery

回答

相关问题