Javascript数组和图像
好的，我以前问过这个问题，但我没有得到解决我问题的答案，我会尽量解释得更好。假设我有一个包含3个项目的数组，假设它落在0上，我有一个代码设置，它将显示在div中，现在我需要图像显示在显示的数组旁边。另一个例子是，我有一系列汽车，宝马、思域和梅赛德斯，假设我有一个随机数发生器，它选择1，即宝马，单词将显示在div中，如果选择思域，思域旁边将有一个思域徽标，如果选择梅赛德斯，梅赛德斯旁边将有一个徽标。此外，如果可能的话，我希望在图片中添加id，我会将背景图像的CSS添加到图片中（原因是我想在图片中添加一些设计）Javascript数组和图像,javascript,html,css,Javascript,Html,Css,好的，我以前问过这个问题，但我没有得到解决我问题的答案，我会尽量解释得更好。假设我有一个包含3个项目的数组，假设它落在0上，我有一个代码设置，它将显示在div中，现在我需要图像显示在显示的数组旁边。另一个例子是，我有一系列汽车，宝马、思域和梅赛德斯，假设我有一个随机数发生器，它选择1，即宝马，单词将显示在div中，如果选择思域，思域旁边将有一个思域徽标，如果选择梅赛德斯，梅赛德斯旁边将有一个徽标。此外，如果可能的话，我希望在图片中添加id，我会将背景图像的CSS添加到图片中（原因是我想在图片中添
JS-Bin
随机取车
$（文档）.ready（函数（）{
var carsArray=[{
品牌：“宝马”，
logo:“链接到logo.png”，
车型：“宝马X7”，
},
{
品牌：“本田”，
logo:“链接到logo.png”，
模型：“公民”，
},
{
品牌：“Mercedez Benz”，
logo:“链接到logo.png”，
车型：“C级轿车”，
}];
函数randomNumberGenerator（参数）{
返回Math.round（Math.random（）*params）；
}
函数{
$（'#getRandomCar'）。单击（函数（）{
var selectedCar=randomNumberGenerator（carsArray.length-1）；
console.log（选择的汽车）；
变量模板=“”；
模板+='Brand:'+carsArray[selectedCar].Brand+''；
模板+='徽标：'+carsArray[selectedCar]。徽标+''；
模板+='模型：'+carsArray[selectedCar]。模型+''；
$（'#carList'）.html（模板）；
} );
}
randomCar（）；
});
样本生成一个随机数，然后将其用作carsArray的索引。获取的对象值将被注入到DOM中。为什么不在相应的数组中添加相应品牌的徽标？您能否进一步解释一下您到底想实现什么？您想出了什么代码来解决这个问题？你可能想编辑你的问题并将其包含在那里。我能在本地获得图片吗？你是什么意思？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<ul id="carList">
</ul>
<button id="getRandomCar">Get Random Car</button>
</body>
<script>
$(document).ready( function(){
var carsArray = [{
brand : 'BMW',
logo : 'link-to-logo.png',
model : 'BMW X7',
},
{
brand : 'Honda',
logo : 'link-to-logo.png',
model : 'Civic',
},
{
brand : 'Mercedez-Benz',
logo : 'link-to-logo.png',
model : 'C-Class Sedan',
}];
function randomNumberGenerator(params) {
return Math.round(Math.random()*params);
}
function randomCar() {
$('#getRandomCar').click( function() {
var selectedCar = randomNumberGenerator(carsArray.length - 1);
console.log(selectedCar);
var template = '<li>';
template += 'Brand: ' + carsArray[selectedCar].brand + '</br>';
template += 'Logo: ' + carsArray[selectedCar].logo + '</br>';
template += 'Model: ' + carsArray[selectedCar].model + '</br>';
$('#carList').html(template);
} );
}
randomCar();
});
</script>
</html>