在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 类成员的每个元素）更改为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);