如何使用jquery使background css url动态化

Question

我有一个带编号针脚的谷歌地图.地图上的针脚为红色.页面中的实际地址应该有灰色标记.我正在尝试将background属性用于地址元素"LocationName",其中包含附加灰色标记图像背景的地址(不重复左中心).图像命名为greymarker1,greymarker2等.所以如果它是第一个地址,greymarker1.png应该是地址ONE前面的图标.我可以使用jQuery设置背景的CSS属性,但我不知道如何使URL动态.."/样式库/图片/设计/图标/ greymarker1.png")1中的网址应以柜台改变..当counter等于1时,它应该抓住greymarker1.png等.

 $('.LocationName').each(function(index){
    var counter=index+1;
    //$(this).css('color', 'blue');
    $(this).css("background-image", "url('/Style Library/Images/design/icons/greymarker1.png')");  

 });

Answer 1

$('.LocationName').each(function(index){
    $(this).css("background-image", 
       "url('/Style Library/Images/design/icons/greymarker" + index + ".png')");
});