Присоединение к элементу в JQuery

Question

Присоединение к элементу в JQuery

0

Я создал массив элементов, содержащих алфавит, и пытаюсь добавить каждое значение в качестве гиперссылки с помощью 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>

jpavlov 28 март 2014, в 15:09

Источник

0

'"#"' Кажется плохой строкой внутри <a> элемента <a> .
xxbbcc 28 март 2014, в 13:23
2

alph.val изменить на value
JF it 28 март 2014, в 13:24
0

Никогда не добавляйте элементы в DOM в цикле!
nietonfir 28 март 2014, в 13:25
0

.value ничего не сделал
jpavlov 28 март 2014, в 13:25
0

Также вам понадобится $("a.alphaChar") . С пространством между ними вы говорите найти потомок , что классифицируется как a .alphaChar .
Jeromy French 28 март 2014, в 13:26

Показать ещё 3 комментария

Теги:

javascript

jquery

4 ответа

2

Вместо того, чтобы добавлять его в цикл, создайте весь элемент DOM и добавьте в конец:

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

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

tymeJV 28 март 2014, в 10:53

0

В вашем коде есть синтаксическая ошибка. Я думаю, вы хотите это сделать:

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>" );
});

MarOnii 28 март 2014, в 11:37

0

Используйте этот код

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>" ));
}

demonofthemist 28 март 2014, в 10:51

Ещё вопросы

'"#"' Кажется плохой строкой внутри <a> элемента <a> .
Никогда не добавляйте элементы в DOM в цикле!
Также вам понадобится $("a.alphaChar") . С пространством между ними вы говорите найти потомок , что классифицируется как a .alphaChar .

JF it · Accepted Answer · 2014-03-28T12-09-00.000Z

ряд проблем,

Используйте value вместо alph.val,

ваш селектор был неправ, (вы искали детей с классным альфачаром)

$("a.alphaChar")

и ваш .append().html(..) был неправильным. -you может связывать функции в JQuery, поэтому то, что вы на самом деле делали, было "ничего не добавлять, а THEN задало 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>");
});

На самом деле один комментарий - вы добавляете все эти ссылки в основную ссылку ... это правильно? или вы хотите добавить эти ПОД основной ссылки alphachar. (если вы хотите ПОД НАЛИЧНОЙ ссылкой, тогда используйте .after вместо .append