これまで私はこの質問をしましたが、私の問題を解決する答えが得られなかったので、私はそれをより良く説明しようとします。だから私は3つの項目を持つ配列を持って、それは0に着陸したことを聞かせて私はそれが表示される配列のすぐ隣に表示される画像が必要今すぐdivに表示されるコードを設定している。したがって、別の例としては、車、BMW、市民、メルセデスの配列を持っていて、乱数ジェネレータを持っていて、1を選択すると、その単語がdivに表示され、市民が市民の意志にはそれの隣に市民のロゴがあり、メルセデスが選ばれた場合メルセデスはその横にロゴを持つことになる。私がしたいことができた場合にも、私に追加idは今までPICが何であるかに背景画像のCSSを出してあげるJavascript配列と画像
<!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>
を基準としてthisを試してみてください（理由は、私が絵にいくつかのデザインを追加したいです） 。
私はオブジェクトの配列（carsArray）を作成しました。それはオブジェクトなので、必要と思われるプロパティを追加できます。
サンプルは乱数を生成し、それをcarsArrayのインデックスとして使用します。取得したオブジェクト値はDOMに注入されます。
画像をローカルに取得できますか？ – user8606762
どういう意味ですか？ – rafon
それぞれのアレイキーにそれぞれのブランドのロゴを追加しないでください –
あなたは達成しようとしていることをさらに正確に説明できますか？ –
これを解決するためにどのようなコードを思いついたのですか？質問を編集して質問に含めることができます。 – dat3450