Preciso comparar duas arrays, uma com dias de um calendário e outra com dias cadastrados. Quando o dia cadastrado é correspondente ao valor da propriedade innerHTML
do array de div
ele deve pintar o background dessa div
de preto:
HTML
<div class="calendar">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item">5</div>
...
<div class="item">31</div>
</div>
<div class="dias-cadastrados">
<div class="day">4</div>
<div class="day">21</div>
...
</div>
JQuery
var evento = $(".day");
var eventos_arr = [];
var dias = $(".item");
for (var i = 0; i < evento.length; i++) {
eventos_arr[i] = evento[i].innerHTML;
var count = eventos_arr[i];
for (var y = 0; y < dias.length; y++) {
dias[count].style.backgroundColor = "#000"; // output: Uncaught TypeError: Cannot read property 'style' of undefined
};
};
O algoritmo além de não fazer o que deveria retorna o erro Uncaught TypeError: Cannot read property 'style' of undefined
na linha em que aplico o estilo a div
.
O que estou fazendo errado?