Отображение английского алфавитов в DIV

Question

for (var a = 0; a < 26; a++) { 
       var alpha = $('<span class="alpha" />'); 
       alpha.addClass('alpha-' + (a % 2) + 1); 
       $('.alphabets').append(alpha); 
       $('.alpha').text(String.fromCharCode(65 + a)); 
      } 

я делаю что-то вроде этого, и я знаю, что я делаю ошибку в

$('.alpha').text(String.fromCharCode(65 + a)); 

Вот почему я получаю «Z» в каждом пролете, но я не получаю, как чтобы исправить эту

Answer 1

Изменение $('.alpha') (каждый элемент, который является членом класса альфа) в alpha (конкретный элемент, который вы только что создали и хранится в этой переменной)

Answer 2

Ваш код перезаписывает текст все<span>, которые имеют alphaкласс.

$('.alpha').text(String.fromCharCode(65 + a)); 

Вы должны изменить свой код так, чтобы он изменяет только текст последнего созданного <span>:

alpha.text(String.fromCharCode(65 + a)); 

Answer 3

$('.alphabets').append(alpha); 
    $('.alpha').text(String.fromCharCode(65 + a)); 

Должно быть

alpha.text(String.fromCharCode(65 + a)); 
    $('.alphabets').append(alpha);