Как сделать цикл в jquery?

Question

[feniksdv]

если нажать кнопку "Добавить" то добавится автоматом такой же код, что и ниже, только меняется число tracking_urls2..3..4..100.
Сам html

<li id="li_tracking_url">
<a class="tracking_urls2" href="Ваш URL - https://id=1105545</a>
<input size="10" type="text" id="sub_tracking_urls1" name="sub1" placeholder="sub1" value="">
<input size="10" type="text" id="sub_tracking_urls2" name="sub2" placeholder="sub2" value="">
<input size="10" type="text" id="sub_tracking_urls3" name="sub3" placeholder="sub3" value="">
<input size="10" type="text" id="sub_tracking_urls4" name="sub4" placeholder="sub4" value="">
<input size="10" type="text" id="sub_tracking_urls5" name="sub5" placeholder="sub5" value="">
<input hidden type="text" id="tracking_urls2" name="tracking_urls" value="https://id=1105545"></li>

Мне нужно чтобы тут

<input hidden type="text" id="tracking_urls2" name="tracking_urls" value="https://id=1105545"></li>

в value добавлялись эти субы что введет пользователь
сам скрипт

$(document).on('click','input[id^="sub_tracking_urls"]',function () {
        $('input[id^="sub_tracking_urls"]').keyup(function () {
            $('#tracking_urls2').attr('value', $('.tracking_urls2').text() +
                '?aff_sub1=' + $('#sub_tracking_urls1').val()+
                '&aff_sub2=' + $('#sub_tracking_urls2').val()+
                '&aff_sub3=' + $('#sub_tracking_urls3').val()+
                '&aff_sub4=' + $('#sub_tracking_urls4').val()+
                '&aff_sub5=' + $('#sub_tracking_urls5').val()
            );
        });
    });

Сейчас все работает, если поставить 3 ручками и т.д., но как автоматизировать, т.к. tracking_urls1-1000 может быть любым не создавать же 1000 однотипных строчек кода, как то должно решаться, подскажите пожалуйста как....

Answer 1

[Марат Гарифуллин]

Такое?

https://jsfiddle.net/xzftb6u3/

Comments

[feniksdv]

не совсем у меня ссылка с субами выводится через js

$('.url_trec_offer_ol').append('<li id="li_tracking_url">' +
            '<a class="tracking_urls'+tracking_urls++ +'" href="Ваш URL - ' + tracking_urls_add_show_new_offer + '">' + tracking_urls_add_show_new_offer + '</a>' +
            '<input size="10" type="text" id="sub_tracking_urls1" name="sub1" placeholder="sub1" value="">\n' +
            '<input size="10" type="text" id="sub_tracking_urls2" name="sub2" placeholder="sub2" value="">\n' +
            '<input size="10" type="text" id="sub_tracking_urls3" name="sub3" placeholder="sub3" value="">\n' +
            '<input size="10" type="text" id="sub_tracking_urls4" name="sub4" placeholder="sub4" value="">\n' +
            '<input size="10" type="text" id="sub_tracking_urls5" name="sub5" placeholder="sub5" value="">' +
            '<input hidden type="text" id="tracking_urls' + index5++ + '" name="tracking_urls" value="' + tracking_urls_add_show_new_offer +'">' +
            '</li>');

если сделать [1][1]...[1][5] так норм можно сдедать но вот второй такой же список вывести с [2][1]...[2][5] [3][1]...[3][5] не понимаю как

[Марат Гарифуллин]

это все внутри формы? отправляется нажатием кнопки?

[feniksdv]

magarif, да, только не отправляется, а добавляется на экран еще один инпут с сабами.

[feniksdv]

magarif, Разобрался, все хорошо работет!!!
Единственный минус строчка инпут должна быть не hidden, если hidden то не работает, что не есть гуд, её как то можно спрятать?

[Марат Гарифуллин]

У вас type="hidden" или hidden type="text"?

[feniksdv]

magarif, ага , спасибо понял

[Марат Гарифуллин]

Сделайте так, как я писал в начале