Javascript для проблемы добавления цикла - создание пользовательских страниц JQuery

Question

Нужна рука с некоторым javascript и, может быть, это вещь пятницы, но я застрял ...

Я создаю собственную карусель jQuery и собираюсь сделать динамический пейджинг.

Чтобы упростить проблему (добавили жестко закодированные значения), на данный момент этот код:

for(var i = 0; i < 3; i++) {
 $('.paging').append('<a href="#" rel="0">Test</a>');
}

выходы:

<a href="#" rel="0">Test</a>
<a href="#" rel="0">Test</a>
<a href="#" rel="0">Test</a>

В то время как мне нужен код для вывода вроде:

<a href="#" rel="0">Test</a>
<a href="#" rel="200">Test</a>
<a href="#" rel="400">Test</a>

Могу ли я настроить приведенное выше выражение for таким образом, чтобы оно добавляло 200 при каждом цикле выполнения?

Любая помощь будет высоко ценится.

A.

Answer 1

Вы можете сделать это проще с помощью обозначений $(html, props) и .appendTo(), например:

for(var i = 0; i < 3; i++) {
  $('<a />', { href: '#', text: 'Test', rel: i*200 }).appendTo('.paging');    
}

Вы не можете проверить это здесь . Однако, если вы делаете много циклов, я бы посоветовал кэшировать селектор .paging, например:

var p = $('.paging');
for(var i = 0; i < 3; i++) {
  $('<a />', { href: '#', text: 'Test', rel: i*200 }).appendTo(p);    
}

Answer 2

Попробуйте это:

var str = '';
for(var i = 0; i < 3; i++) {
 str +='<a href="#" rel="' + i * 200 + '">Test</a>';
}

$('.paging').append(str)

Добавление одного раза должно быть лучше для выступлений.

Answer 3

умножить счетчик (i) на 200

for(var i = 0; i < 3; i++) {
 $('.paging').append('<a href="#" rel="'+i*200+'">Test</a>');
}

Answer 4

Попробуйте это:

for(var i = 0; i < 3; i++) {
   var rel = i * 200;
   $('.paging').append('<a href="#" rel="' + rel + '">Test</a>');
}