JQuery добавления путь в фоновом режиме URL

Question

У меня есть структура, как это:

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

Таким образом, в каждом делении с нравится, описанная выше, я хотел бы добавить «480 /» перед именем изображения и как это:

<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/