Ich habe Probleme mit ein paar jQuery-Sachen, bitte hilf mir. Unten ist meine Formularstruktur:

<form name="imageUploadForm" id="imageUploadForm" action="" method="POST" enctype="multipart/form-data" >
   <table border="0" width="80%" cellpadding="2" cellspacing="3" id="mainTable">
   <tbody>
    <tr>
            <td> 
                  <table border="0" id="imageTable" class="imageTable">
                    <tr>
                      <td><label for="image_title"><sup>*</sup>Image Title:</label></td>
                      <td><input type="text" name="image_title[]" id="image_title[]"></td>
                    </tr>
                    <tr>
                      <td><sup>*</sup>Image:</td>
                      <td><input type="file" name="main_image[]" id="main_image[]" ></td>
                    </tr>
                  </table>
            </td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <td colspan="2"><input type="button" id="addRow" value="Add More" /></td>
        </tr>
    </tfoot>
    </table>    
</form> 

Was ich möchte, ist Folgendes: Wenn ich auf eine Schaltfläche "Weitere hinzufügen" klicke, wird an mainTable eine neue Tabelle (d. H. Ein Klon von imagetable) angehängt. Hier ist mein jQuery-Code:

jQuery(document).ready(function() {
    var count=1;
    jQuery('#addRow').click( function () {
        var Clonedtable = jQuery("#imageTable").clone(true);
        Clonedtable.appendTo('table#mainTable');
    })
});

Ich muss verschiedene IDs für die Tabelle und die beiden Eingänge erstellenIst es gültig, ein Array von IDs zu erstellen?Ich möchte die geklonte Tabelle anhängen und die letzte Tabelle des Körpers anhängen, nicht nur nach der Haupt-ImageTable Beide Eingaben sollten leer sein.

Bitte schlagen Sie mir eine optimierte Methode vor. Vielen Dank

AKTUALISIEREN Ich habe die Tabellenstruktur geändert (ich war vorher falsch), ich möchte @ ändefor Attributwert des Labels gemäß nächster Eingabe-ID und Löschen<sup>*</sup> Etikett. Ich schreibe unter Code, alles funktioniert gut, aber ich muss gemeinsam schreiben. Ich verstehe nicht, wie ich es gemeinsam schreiben soll. Bitte schlage mir vor,

 jQuery('#addRow').live('click', function () {
        var quantity = jQuery('table[class^=imageTable]').length;
        var clonedRow = jQuery('#mainTable > tbody > tr:first').clone(true);
        var textID = clonedRow.find(':text').attr('id');
        clonedRow.find('label').attr('for', function () {
            return textID + quantity;
        });
        clonedRow.find('th').text('Image '+(++quantity) + ' :');
        clonedRow.find('sup').remove();     
        clonedRow.attr('id', function () {
            return this.id + quantity;
        }).find(':text,:file').attr('id', function () {
            return this.id + quantity;
        }).val('').end().appendTo('#mainTable');
    });