Javascript代码（使用jQuery）

Question

所以我对编写Jquery相当新。我想动态加载容器内的所有字母。

目前我得到了这样的结构：

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

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

你会怎么做？

Thnx提前获得帮助，

Answer 1

试试这个：

$(document).ready(function(){
    for(var i = 0; i < 26; i++) {
        var char = String.fromCharCode(65+i);
        $("#letters").append("<div>"+char+"</div>");
    }
});

使用65获取大写字母，使用97获取小写字母。

Answer 2

for (var i = 65; i <= 90; i++) {
    $('.letters').append('<div>' + String.fromCharCode(i) + '</div>');
}

Answer 3

以下是我如何做到的：

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。

Answer 4

您可以迭代字母的ASCII码（如果需要大写字母，则在65到90之间），然后创建一个div，其中的文本包含相应的字母（使用JavaScript） String.fromCharCode函数），最后将其附加到.letters（使用jQuery appendTo方法）。

＆＃13;

for (i = 65; i <= 90; i++) {
  $("<div></div>").text(String.fromCharCode(i)).appendTo(".letters");
}

＆＃13;

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

＆＃13;

Answer 5

Javascript代码（使用jQuery）

// Let's build a function for building the alphabet array
function getAlphabet(first, last) {
    var alphabet = [];

  for (i = first.charCodeAt(0); i <= last.charCodeAt(0); ++i) {
    alphabet.push(String.fromCharCode(i));
    }

  return alphabet;
}

// Calling the function
var alphabet = getAlphabet('A', 'Z'); // ["a", ..., "z"]

// Printing the array inside the .letters element
$.each(alphabet, function (index, element) {
    $(".letters").append("<div>" + element + "</div>");
});

在JSFiddle上试用。

的说明

我已经创建了一个能够构建包含字母表的数组的函数。然后，我们将它存储在一个变量中，最后，我们使用jQuery .each()方法，允许我们抛出数组，在每次迭代中，我们可以使用.append()来添加里面的字母div。

使用带有jquery的字母填充div容器

5 个答案:

Javascript代码（使用jQuery）

的说明