Question

我有这样的结构：

<div class="size" style="background: url(image1.jpg) no-repeat;">

所以，在上面描述的每个div中，我想添加＆＃39; 480 /＆＃39;在图像名称之前，像这样：

<div class="size" style="background: url(480/image1.jpg) no-repeat;">

任何Jquery或javascript想法？

Answer 1

如果您无法修改来源，请尝试

$('div.size[style]').css('background-image', function (i, background) {
    return background.replace(/(.*)\/(.*)/, '$1/480/$2')
})

演示：Fiddle

Answer 2

试试这个：

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<div class="size" style="background: url(image1.jpg) no-repeat;">
<div class="size" style="background: url(image2.jpg) no-repeat;">
<div class="size" style="background: url(image3.jpg) no-repeat;">

<script>
$(document).ready(function() {
    $('.size').each(function() {
        var oldUrl = $(this).css("background-image");       
        oldUrl = oldUrl.split("/");
       var last_url = oldUrl.pop();
        var first_url = oldUrl.join('/')
        last_url = "/480/"+last_url;            
        var newUrl = first_url+last_url;    
        $(this).css("background", newUrl);
    });
})

</script>

演示：http://jsfiddle.net/39bbwg88/5/

jquery在后台url中添加路径

2 个答案: