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