附加到JQuery中的元素

Question

我建立了一个包含字母的元素数组，并尝试使用jquery将每个值附加为超链接。 我可以在数组中看到我的值，但是在我的页面上它们显示为未定义。 有人可以照亮一点吗？ 谢谢。

<p id="alphabet"><a href="#" class="alphaChar"></a></p>
<script>
   var alph = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P",     "Q", "R", "S", "T", "U", "W", "X","Y","Z"];
   $.each(alph, function(index, value){
   $("a .alphaChar").append().html( "<a href='"#"' class='alphaClass'>  " +  alph.val + "</a>" );
});
</script>

Answer 1

很多问题

使用value代替alph.val，

您的选择器有误，（您正在寻找带有alphachar类的孩子）

$("a.alphaChar")

并且您的.append().html(..)是错误的-您可以在JQuery中链接函数，因此您实际要做的是“不添加任何内容，然后将整个元素的HTML设置为...”。

$("a.alphaChar").append( < HTML GOES HERE > );

看到这个小提琴 http://jsfiddle.net/jFIT/wW5CZ/

var alph = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "W", "X", "Y", "Z"];

$.each(alph, function (index, value) {
    console.log(value);
    $("a.alphaChar").append("<a href='\"#\"' class='alphaClass'>  " + value + "</a>");
});

Answer 2

而不是将其附加到循环中，而是构建整个DOM元素并在末尾附加：

var html = ""
$.each(alph, function(index, value){
    html += "<a href='#' class='alphaChar'>  " +  value + "</a>" );
});

$("a.alphaChar").append(html);

Answer 3

您的代码中存在一些语法错误，我认为您想这样做：

JavaScript的：

var alph = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O",   "P", "Q", "R", "S", "T", "U", "W", "X","Y","Z"];
$.each(alph, function(index, value){
   $("a.alphaChar").append("<a href='#' class='alphaClass'>  " +  value + "</a>" );
});

Answer 4

使用此代码

var alph = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P","Q", "R", "S", "T", "U", "W", "X","Y","Z"];
for (var i=0; i < alph.length; i++) {
    $("a .alphaChar").append($("<a href='#' class='alphaClass'>" +  alph[i] + "</a>" ));
}