Javascript 附加到JQuery中的元素

Javascript 附加到JQuery中的元素,javascript,jquery,Javascript,Jquery,我已经设置了一个包含字母表的元素数组,并尝试使用jquery将每个值作为超链接附加。我可以在数组中看到我的值,但在我的页面上它们显示为未定义。有人能帮我弄点光吗?谢谢 <p id="alphabet"><a href="#" class="alphaChar"></a></p> <script> var alph = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "

我已经设置了一个包含字母表的元素数组,并尝试使用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>

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”]; $。每个(alph,函数(索引,值){ $(“a.alphaChar”).append().html(“”); });
构建整个DOM元素并在末尾追加,而不是将其追加为循环:

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

$("a.alphaChar").append(html);
var html=“”
$。每个(alph,函数(索引,值){
html+=”);
});
$(“a.alphaChar”).append(html);

构建整个DOM元素并在末尾追加,而不是将其追加为循环:

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

$("a.alphaChar").append(html);
var html=“”
$。每个(alph,函数(索引,值){
html+=”);
});
$(“a.alphaChar”).append(html);
许多问题

使用
value
代替alph.val

您的选择器错误,(您正在查找alphachar类的孩子)

而您的
.append().html(…)
是错误的-您可以在JQuery中链接函数,所以您实际做的是“不追加任何内容,然后将整个元素的html设置为…”

$(“a.alphaChar”).append();
看这把小提琴

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”];
$。每个(alph,函数(索引,值){
console.log(值);
$(“a.alphaChar”)。追加(“”);
});
许多问题

使用
value
代替alph.val

您的选择器错误,(您正在查找alphachar类的孩子)

而您的
.append().html(…)
是错误的-您可以在JQuery中链接函数,所以您实际做的是“不追加任何内容,然后将整个元素的html设置为…”

$(“a.alphaChar”).append();
看这把小提琴

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”];
$。每个(alph,函数(索引,值){
console.log(值);
$(“a.alphaChar”)。追加(“”);
});

您的代码中有一些语法错误,我想您应该这样做:

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>" );
});
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”];
$。每个(alph,函数(索引,值){
$(“a.alphaChar”)。追加(“”);
});

您的代码中有一些语法错误,我想您应该这样做:

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>" );
});
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”];
$。每个(alph,函数(索引,值){
$(“a.alphaChar”)。追加(“”);
});
使用此代码

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>" ));
}
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”];
对于(变量i=0;i
使用此代码

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>" ));
}
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”];
对于(变量i=0;i
您正在构建的
元素中的
'“#”
看起来像是一个坏字符串。
alph.val
更改为
value
不要在循环中将元素追加到DOM中!.value没有做任何事情,因此,您需要
$(“a.alphaChar”)
。中间的空格表示查找一个
a
的后代,它被归类为
.alphaChar
'“#”
看起来像是正在构建的
元素中的一个坏字符串。
alph.val
更改为
value
不要在循环中将元素附加到DOM中!.value没有做任何事情,因此,您需要
$(“a.alphaChar”)
。在中间的空格中,你要说的是查找
a
的后代,它被归类为
.alphaChar
。实际上这里有一个注释-你将所有这些链接附加到主链接,。。。对吗?或者您想将这些添加到alphachar主链接下。(如果你想在alphachar链接下添加它,那么使用
.after
而不是
.append
在这里添加一条注释实际上-你正在将所有这些链接添加到主链接,…这是否正确?或者你想将它们添加到alphachar主链接下。(如果要在alphachar链接下添加,请使用
.after
而不是
.append