Mam formularz w którym mogę dodać tablice pewnych danych tzn. np. zamawiane produkty: może ich być 0 jak i pińcet. Więc robię inputy dodawane przez JS`a. Jeśli user wypełni ostatni input dodaje się kolejny. W sumie aktualnie rozwiązywałem to tworząc nowe obiekty DOM i wrzucając je w odpowiednie miejsce. Dziś natknąłem się na kod który miałem przerobić a wykorzystywał on jQuery i metode clone(), dziwnie on działał, także nie będę tłumaczył. Przypuśćmy, że mam pierwszy input, np:

[HTML] pobierz, plaintext 
<div id="inputs">
    <div id="row1">
      <input type="text" name="element[1]" />
      <input type="text" name="elementId[1]" />
    </div>
</div>
[HTML] pobierz, plaintext 

I po jego wypełnieniu dodawany jest kolejny, tzn do <div id="inputs"> na końcu dodawane jest:

[HTML] pobierz, plaintext 
<div id="row2">
        <input type="text" name="element[2]" />
        <input type="text" name="elementId[2]" />
      </div>
[HTML] pobierz, plaintext 

Jak już pisałem, aktualnie dodaje to tworząc przez JS`a nowe elementy

I teraz pytanie czy jest możliwość napisania tego w taki sposób


Mam nadzieje, że ktoś zrozumie mój bełkot

Pobierasz attr('name'), następnie wyrażeniem sprawdzasz co jest pomiędzy [ i ] i dodajesz do tego +1, zmieniasz attr name w ostatnim.

W celu uproszczenia dodałbym atrybut rel równy id, temu co masz w nawiasie kwadratowym.
Wtedy byś robił coś w ten deseń:

Ok, tylko mi chodzi o coś w stylu - leć pętlą po dzieciach obiektu i pozmieniaj atrybuty id oraz name (jesli wystepuje w nich 1) na 2
Musze coś takiego zamienić na wersję 1++