jquery - 如何使用 jquery 使背景 css url 动态化

Question

我有一个带有编号图钉的谷歌地图。 map 上的图钉为红色。页面中的实际地址应显示为灰色标记。我正在尝试使用地址元素“LocationName”的背景属性，该元素保存附加灰色标记图像背景的地址(不重复左中心)。图像被命名为 greymarker1、greymarker2 等。因此，如果它是第一个地址，则 greymarker1.png 应该是地址 ONE 前面的图标。我可以使用 jquery 设置背景 css 属性，但我不知道如何使 URL 动态化..'/Style Library/Images/design/icons/greymarker1.png') url 中的 1 应随计数器而变化。当计数器等于 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')");
});