[jQuery] Dodawanie nowego inputa Opcje

[#luq]

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

Kod

     var oDiv = document.createElement( 'div' );
         oDiv.setAttribute( 'id', 'row' + nextIndex );
     [...]
     $('#inputs').append( oDiv  );

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

Kod

     var oDiv = $('#inputs:last-child').clone();
     // pozamieniaj wszystkie wystąpienia 1 w oDiv na 2
     $('#inputs').append( oDiv  );

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

Ten post edytował batman 28.07.2009, 07:56:41