Javascript 无序列表和动态项目符号图像

我的问题是：

我有一个无序的列表，生成了一些项目。我知道我可以使用

list-style-image:url（）将项目符号更改为图像

我希望能够为每个列表项动态添加一个预先存在的图像，比如说基于列表项
id

有什么想法吗

谢谢
我可能会使用数据属性而不是ID，并分配背景图像，而不是使用项目符号，因为您可以更好地控制图像的显示


$（'.countries li'）。每个（函数（）{
变量url=”http://www.sciencekids.co.nz/images/pictures/flags96/"
var country=$（this.data（'country'）；
$（this.css（'background-image'，'url（'+url+country+'.jpg'）；
});
ul{
列表样式：无；
}
李{
左侧填充：30px；
背景位置：0中心；
背景重复：无重复；
背景尺寸：20px 10px；
}


英国
德国
法国
西班牙
在从uʍopǝpısdu获得一些有价值的反馈后，这就是我最终得到的，它是有效的：

$("#list1").append('<li class="list-group-item" id=' + country.name + '><span class="badge">' + country.points + '</span>'  + ' '  + country.name +' </li>' ); 
$("#" + country.name).css('background-image', 'url(../img/flags/squareflags/' + country.name + '.png)');

$（“#list1”）.append（“
“+country.points+”+“+”+country.name+”
”）；
$（“#”+country.name）.css（'background-image'，'url（../img/flags/squareflags/'+country.name+'.png））；

谢谢
 要生成图像还是要分配预先存在的图像？请添加预先存在的图像。假设有一个id为“Germany”的列表项，脚本应该将该列表项的列表样式图像更改为与id同名的预先存在的图像。希望这有助于进一步理解，您想使用不同的项目符号图像吗？所以如果你有一个ID为德国的列表项，理论上它会显示德国国旗？法国、加拿大和美国也一样吗？理论图像，只是试图理解你想要纠正的，这正是我所需要的，如果可能的话。这最终给了我一个解决方案。虽然不完全一样，但你帮了我很多。