Заполнение массива divs из массива javascript

У меня есть массив div, в настоящее время 10x10 в html. У меня также есть 100 больших массивов в Javascript. Они выглядят так.Заполнение массива divs из массива javascript

<div class = "mapArrayA" id = "a1">1</div> 
<div class = "mapArrayA" id = "a2">2</div> 
<div class = "mapArrayA" id = "a3">3</div> 
<div class = "mapArrayA" id = "a4">4</div> 
<div class = "mapArrayA" id = "a5">5</div>

var mapArray = []; 
mapArray[1] = 0; 
mapArray[2] = 0; 
mapArray[3] = 0; 
mapArray[4] = 0; 
mapArray[5] = 0;

Массив Мусор будет заполнен случайным образом сгенерированных чисел 1-5, без дубликатов с помощью простого цикла. Затем я хочу, чтобы массив Javascript визуально размещался на divs (как текст и, в конечном итоге, CSS-модификации) по мере их последующего; a1 должен показать значение в mapArray [1] и a4 на mapArray [4].

Я не смог найти решение, отличное от того, что мне, вероятно, нужно что-то сделать с $ (this) .text из jquery. Любая помощь будет принята с благодарностью.

источник

2015-11-17 Aaron D

Почему вы не просто делать что-то вроде этого:

$.each(mapArray, function(key, val){ 
    $("#a"+key).text(val); 
});

Если я понять ваш вопрос правильно.

источник

2015-11-17 23:09:21

Это работает именно так, как я хочу, чтобы он работал. Я, однако, не понимаю, почему он работает так, как он. Что такое ключ и вал, и почему они не должны назначаться в качестве переменных? Я предполагаю, что val - это значение в массиве карт, т.е. 1-5, а ключ - это соответствующее число из массива в div, однако я до сих пор не понимаю. Не могли бы вы объяснить это мне, пожалуйста? Если вы не можете, я благодарю вас за помощь в решении этого! –

Хорошо, рад, что он делает то, что вам нужно. Итак .each берет набор объектов, в вашем случае массив 'mapArray', а затем делает что-то с каждым элементом' function (key, val) ', который в случае массивов дает индекс и значение каждого элемента. Затем вы можете сделать что-то, используя эти значения, и просто получить доступ к каждому div по имени, установленному в тексте. Вы можете сделать что-то подобное, предоставив все свои divs одному и тому же классу, а затем итерации через них счетчиком, чтобы узнать, какой индекс массива должен установить значение. –

Еще раз спасибо! Это многое объясняет. Я просто счел странным, что ключ и val не являются переменными. Я не слишком многому научился о jquery, но это было очень проницательно и полезно. –

Заполнение массива divs из массива javascript

ответ

Смежные вопросы