Как сократить скрипт по копированию value в другие инпута(~8 к инпутов)?

Question

[Rostyk Ice]

Здравствуйте, есть у меня задача переносить валуе инпута в другие инпута по нажатию на кнопку
вообшем вот код:

гвнкд

var v1  = $('.forses1 .fors .inha1 ').val();
                var v2  = $('.forses1 .fors .inha2 ').val();
                var v3  = $('.forses1 .fors .inha3 ').val();
                var v4  = $('.forses1 .fors .inha4 ').val();
                var v5  = $('.forses1 .fors .inha5 ').val();
                var v6  = $('.forses1 .fors .inha6 ').val();
                var v7  = $('.forses1 .fors .inha7 ').val();
                var v8  = $('.forses1 .fors .inha8 ').val();
                var v9  = $('.forses1 .fors .inha9 ').val();
                var v10 = $('.forses1 .fors .inha10').val();
                var v11 = $('.forses1 .fors .inha11').val();
                var v12 = $('.forses1 .fors .inha12').val();
                var v13 = $('.forses1 .fors .inha13').val();
                var v14 = $('.forses1 .fors .inha14').val();
                var v15 = $('.forses1 .fors .inha15').val();
                var v16 = $('.forses1 .fors .inha16').val();
                var v17 = $('.forses1 .fors .inha17').val();
                var v18 = $('.forses1 .fors .inha18').val();
                var v19 = $('.forses1 .fors .inha19').val();
                var v20 = $('.forses1 .fors .inha20').val();
                var v21 = $('.forses1 .fors .inha21').val();
                var v22 = $('.forses1 .fors .inha22').val();
                var v23 = $('.forses1 .fors .inha23').val();
                var v24 = $('.forses1 .fors .inha24').val();
                var v25 = $('.forses1 .fors .inha25').val();
                var v26 = $('.forses1 .fors .inha26').val();
                var v27 = $('.forses1 .fors .inha27').val();
                var v28 = $('.forses1 .fors .inha28').val();
                var v29 = $('.forses1 .fors .inha29').val();
                var v30 = $('.forses1 .fors .inha30').val();
                $('#aa1').val(v1);
                $('#aa2').val(v2);
                $('#aa3').val(v3);
                $('#aa4').val(v4);
                $('#aa5').val(v5);
                $('#aa6').val(v6);
                $('#aa7').val(v7);
                $('#aa8').val(v8);
                $('#aa9').val(v9);
                $('#aa10').val(v10);
                $('#aa11').val(v11);
                $('#aa12').val(v12);
                $('#aa13').val(v13);
                $('#aa14').val(v14);
                $('#aa15').val(v15);
                $('#aa16').val(v16);
                $('#aa17').val(v17);
                $('#aa18').val(v18);
                $('#aa19').val(v19);
                $('#aa20').val(v20);
                $('#aa21').val(v21);
                $('#aa22').val(v22);
                $('#aa23').val(v23);
                $('#aa24').val(v24);
                $('#aa25').val(v25);
                $('#aa26').val(v26);
                $('#aa27').val(v27);
                $('#aa28').val(v28);
                $('#aa29').val(v29);
                $('#aa30').val(v30);

                var vb1  = $('.forses1 .fors .inhb1 ').val();
                var vb2  = $('.forses1 .fors .inhb2 ').val();
                var vb3  = $('.forses1 .fors .inhb3 ').val();
                var vb4  = $('.forses1 .fors .inhb4 ').val();
                var vb5  = $('.forses1 .fors .inhb5 ').val();
                var vb6  = $('.forses1 .fors .inhb6 ').val();
                var vb7  = $('.forses1 .fors .inhb7 ').val();
                var vb8  = $('.forses1 .fors .inhb8 ').val();
                var vb9  = $('.forses1 .fors .inhb9 ').val();
                var vb10 = $('.forses1 .fors .inhb10').val();
                var vb11 = $('.forses1 .fors .inhb11').val();
                var vb12 = $('.forses1 .fors .inhb12').val();
                var vb13 = $('.forses1 .fors .inhb13').val();
                var vb14 = $('.forses1 .fors .inhb14').val();
                var vb15 = $('.forses1 .fors .inhb15').val();
                var vb16 = $('.forses1 .fors .inhb16').val();
                var vb17 = $('.forses1 .fors .inhb17').val();
                var vb18 = $('.forses1 .fors .inhb18').val();
                var vb19 = $('.forses1 .fors .inhb19').val();
                var vb20 = $('.forses1 .fors .inhb20').val();
                var vb21 = $('.forses1 .fors .inhb21').val();
                var vb22 = $('.forses1 .fors .inhb22').val();
                var vb23 = $('.forses1 .fors .inhb23').val();
                var vb24 = $('.forses1 .fors .inhb24').val();
                var vb25 = $('.forses1 .fors .inhb25').val();
                var vb26 = $('.forses1 .fors .inhb26').val();
                var vb27 = $('.forses1 .fors .inhb27').val();
                var vb28 = $('.forses1 .fors .inhb28').val();
                var vb29 = $('.forses1 .fors .inhb29').val();
                var vb30 = $('.forses1 .fors .inhb30').val();
                $('#ab1').val(vb1);
                $('#ab2').val(vb2);
                $('#ab3').val(vb3);
                $('#ab4').val(vb4);
                $('#ab5').val(vb5);
                $('#ab6').val(vb6);
                $('#ab7').val(vb7);
                $('#ab8').val(vb8);
                $('#ab9').val(vb9);
                $('#ab10').val(vb10);
                $('#ab11').val(vb11);
                $('#ab12').val(vb12);
                $('#ab13').val(vb13);
                $('#ab14').val(vb14);
                $('#ab15').val(vb15);
                $('#ab16').val(vb16);
                $('#ab17').val(vb17);
                $('#ab18').val(vb18);
                $('#ab19').val(vb19);
                $('#ab20').val(vb20);
                $('#ab21').val(vb21);
                $('#ab22').val(vb22);
                $('#ab23').val(vb23);
                $('#ab24').val(vb24);
                $('#ab25').val(vb25);
                $('#ab26').val(vb26);
                $('#ab27').val(vb27);
                $('#ab28').val(vb28);
                $('#ab29').val(vb29);
                $('#ab30').val(vb30);

Все переменные сталые кроме класса forses1, он будет нумероваться до forses24( в одном около 380 инпутов) и копировать такое 24 раза не охота(в примере половина кода, но хватает для примера).

Помогите сократить скрипт так как сам додуматься не могу...
Спасибо!

Comments

[Kovalsky]

А вы всё же расскажите, пожалуйста, что вы там такое интересное делаете.

Answer 1

[Александр Шаповал]

Замена первых 30 строчек

for(i = 1; i < 30; i++){
 var v + i = $('.forses1 .fors .inha' + i).val();
}

остальные меняй как китаец

Comments

[Rostyk Ice]

И на том Спасибо!)

[Rostyk Ice]

Но
Uncaught SyntaxError: Unexpected token +

Answer 2

[Денис]

Если схема classN => idN у вас стабильная, то в принципе можно так сделать:

var dependence = {
        inha: 'aa',
        inhb: 'ab'
    },
    allInput = $(':text'),
    inpFrom = allInput.filter(function(i, el) {
        return $(el).closest('[class^=forses]').length;
    });
$('button').on('click', function() {
    $.each(inpFrom, function(i, el) {
        var cls = el.className.match(/([a-z]+)([\d]+)/);
        if (dependence.hasOwnProperty(cls[1])) {
            allInput.filter('#' + dependence[cls[1]] + cls[2]).val(el.value);
        }
    });
});

Добавляйте только в объект dependence любые зависимости между классами и ID (значение без чисел).

P.S. А вообще, я согласен с Stalker_RED .

я етим денги не зарабатываю, ет для себя

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

Answer 3

[Анатолий Медведев]

Ну, допустим так. Но это то все равно говно, а не код.

var v = [];
for(i = 1; i <= 30; i++){
 v[i] = $('.forses1 .fors .inha' + i).val();
 $('#aa' + i).val(v[i]);
}

Comments

[Rostyk Ice]

Интерестно, а что же будет не говнокодом?)

[Анатолий Медведев]

Rostyk Ice: а тут дело даже не в этом конкретном коде. ИМХО тут проблемы в архитектуре - раз стоит задача одновременной работы и переноса данных из тысяч инпутов, то ты что то делаешь не правильно. Человек явно не может работать с такими объёмами данных (если мы говорим о необходимости такой манипуляции в браузере на стороне клиента). Если только у тебя не эксель в браузере. А если это эксель то ты явно отверткой гвозди забиваешь.

Answer 4

[Stalker_RED]

Да что же ты делаешь, ты с марта копируешь одинаковые строчки, и с каждым разом их все больше и больше. Выброси это всё и почитай про массивы и циклы. Тогда и копирование будет происходить в три строчки кода и вообще проще будет поддерживать.

Comments

[Rostyk Ice]

Хорошо что остальную часть кода (80% ) не показал, а то бы глобальное потепление случилось :)
Не умею я придумать что то свое, я как китаец, увидел как делали и по аналогии делаю.
Не нашел я такого костыля с масивом под мой вариант...

PS что бы успокоить, я етим денги не зарабатываю, ет для себя, просто есть нетривиальные задачи которы просто так делать лень вручную :)

[Stalker_RED]

Rostyk Ice: Неужели так сложно прочитать штук пять страничек, вместо того чтобы размножать эти .inha2-.inha30, и всесь сопутствующий код? Несколько месяцев ведь прошло.

[Rostyk Ice]

Stalker_RED: Я бы мог долго спорить и пояснять что к чему, но после аварии 8 лет назад, не умею я учиться по учебникам, я стал делать вещи кторые не умел и не знал как делать(много примеров) первый сайт я сделал после того как заинтересовался как сменить цвет ютуба ибо белый резал глаза, пересмотрев кучу видео где люди делали те или иные анимации или функции я вбивая функцыю цсс в поиск, находил как ее написать и так за неделю полтора сделал сайт, думал дальше идти но не находя достаточно информации по функионалу который я придумал у меня "запор" мыслей, я могу сказать что мне нужно в скрипте, могу написать как скоротить и что использовать, но не могу написать сам, поскольку в процесе написания кода у меня получаеться недо шарп вместе с джавой или пайтоном, синтаксис как будто смешаный и собрать до кучи не могу потому что пересмотрел кучю инфы и языки смешались, все скрипты пишу на уровне инстинкта без каких либо толковых знаний взятих из учебников.
Выход у меня 1, изучить(тоесть смотреть как пишут и делают код) все языки до "видимого" конца их возможностей, и только тогда я буду знать на каком я пишу языке, а так то все запутано и хотел я вкратце написать свою историю.

[Гарес Антонович]

Rostyk Ice: минуту жизни потерял и ещё 10 секунд на написание этого комментария, послушайте людей и не занимаетесь дурчаеством

[Stalker_RED]

Rostyk Ice: С чем спорить то? Я уже три или четыре раза пытался у вас выяснить что за хитрую конструкцию из кучи инпутов вы строите, но вы не рассказываете.

Представьте, приходит человек на тостер и спрашивает "а как сделать апельсиновый сок". Ну ему советуют простенькую соковыжималку он уходит довольный, а потом оказывается, что он несколько месяцев пропускал через нее три вагона апельсинов. Эй, парень, для таких работ есть агрегаты помощнее, а не не ручном приводе!

Вот и у вас, уже в феврале было 120 инпутов и это все довольно странно выглядело, а теперь их будет 8к, и для каждого вы пишете горы уникального кода?

Можно же клонировать блоки целиком. Можно написать код, который будет подходить к любой из ваших форм, и его не придется копировать десятки раз. Но вы об этом даже не задумываетесь и таких вопросов не задаете, и никто вам не может этого подсказать, потому что никто кроме вас не улавливает смысл этих ваших страниц.

[Rostyk Ice]

Stalker_RED: потому что никто кроме вас не улавливает смысл этих ваших страниц.
И поетому я даю самые поростые задачи(для Вас), а не описываю весь функционал который вы просто не поймете без пояснения на "пальцах".

Сейчас мне нужно сделать 24 формы в которых будет записана инфа в виде цыфр которую я потом буду посылать в главную форму которая "умеет" делать вычисления, все.

[Rostyk Ice]

Stalker_RED: И если уж заговорили про лимоны, то мне проще использовать простую на ручном приводе за 10 р. нежели покупать персонал с 20 людей для обслуживания, 10 инженеров для создания, и цех для того что бы где то разместить агрегат, а еще и за свет платить, а все для того что бы попить сок с утра...
Я не просто так делаю такой "просто" вариант, так как знаю что нужно что бы сделать версию полностю автоматическую и за такое бессплатно никто не будет делать, а на изучение языков уйдет год или больше что бы сделать то за что бы я заплатил около 3к баксов или даже больше.
И думаю Вы согласитесь с тем что увидев всю картину и посчитав что затраченое время будет меньше при создании говнокода и ефективней нежели создавать "комбайн".

[Stalker_RED]

Rostyk Ice: Есть огромная вероятность, что увидев всю картину можно подключить пару библиотек и переписать проект так, чтобы вместо 5000 строк кода получилось 500, например. (ну и сколько-то в библиотеках, но кто ж их считает, они уже кем-то написаны). Но вы сами это не сделаете, потому что даже в ванильном js у вас огромные пробелы, куда уж тут библиотеки подключать. Вот и пишете сотни одинаковых строк.

[Rostyk Ice]

Stalker_RED: Переписать то что уже есть будет до 100 строк, что бы сделать комбайн нужно аджакс и майсиквел, все.
Библиотека не поможет так как там чисто математика, а это самое простое для джс.

[Stalker_RED]

Rostyk Ice: Я не понимаю, что вы хотите этим сказать.

[Rostyk Ice]

Stalker_RED: К примеру то что я ВСЕ знаю, но использовать не могу.