Wie erstelle ich eine HTML-Tabelle dynamisch mit jQuery?

Ich versuche, eine HTML-Tabelle wie die folgende dynamisch mit jQuery zu erstellen:

<table id='providersFormElementsTable'>
    <tr>
        <td>Nickname</td>
        <td><input type="text" id="nickname" name="nickname"></td>
    </tr>
    <tr>
        <td>CA Number</td>
        <td><input type="text" id="account" name="account"></td>
    </tr>
</table>

Dies ist meine aktuelle Tabelle:

<table border="0" cellpadding="0" width="100%" id='providersFormElementsTable'> </table>

Dies ist die Methode, die erstellt wirdtr undtd Elemente nehmenid undlabelText:

function createFormElement(id, labelText) {
    // create a new textInputBox button using supplied parameters
    var textInputBox = $('<input />').attr({
        type: "text", id: id, name: id
    });
    // create a new textInputBox using supplied parameters
    var inputTypeLable = $('<label />').append(textInputBox).append(labelText);

    // append the new radio button and label
    $('#providersFormElementsTable').append(inputTypeLable).append('<br />');
}

Ich habe auch einen Wert, der als Tooltip angezeigt wird.

Bitte helfen Sie mir, eine Tabelle dynamisch mit zu erstellentool tip and tr td.

BEARBEITEN:

Ich habe fast mit folgendem Code fertig:

function createProviderFormFields(id, labelText,tooltip,regex) {
    var tr = '<tr>' ;
    // create a new textInputBox  
    var textInputBox = $('<input />').attr({
        type: "text",
        id: id, name: id,
        title: tooltip
    });  

    // create a new Label Text
    tr += '<td>' + labelText  + '</td>';
    tr += '<td>' + textInputBox + '</td>';  
    tr +='</tr>';
    return tr;
}

Hier kommt das Etikett richtig und das Eingabefeld kommt nicht und es zeigt[object Object] wo das Textfeld herkommen muss ...

Als ich das drucktetextInputBox mitconsole.logFolgendes erhalte ich:

[input#nickname, constructor: function, init: function, selector: "", jquery: "1.7.2", size: function…]

Woran könnte das liegen?

Dank an@theghostofc wer hat mir den weg gezeigt ... :)

Antworten auf die Frage(5)

Ihre Antwort auf die Frage