javascript - 使用 jquery 用字母表填充 div 容器

Question

所以我对 Jquery 编码还很陌生。我想动态加载容器内的所有字母。

目前我的构建如下:

<div class="letters">
    <div>A</div>
    ...
    <div>Z</div>
</div>

我想用 div 标签加载 .letters 内的每个字母。

你会怎么做？

感谢您的提前帮助，

Answer 1

这是我的制作方法:

function genCharArray(charA, charZ) {
    var a = [], i = charA.charCodeAt(0), j = charZ.charCodeAt(0);
    for (; i <= j; ++i) {
        a.push(String.fromCharCode(i));
    }
    return a;
}

var array = genCharArray('a', 'z');

for(var i=0; i<array.length; i++) {
  $('#alphabet').append('<div>' + array[i] + '</div>')
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="alphabet"></div>

我构建了一个函数来生成字母表数组(因此您可以选择是否想要完整的字母表或仅从某个字母到另一个字母，或者您也可以选择使用 genCharArray 使用大写字母表('A', 'Z')，然后使用 for 循环对其进行迭代并生成 div。