Próbuję utworzyć tabelę HTML w następujący sposób dynamicznie za pomocą jQuery:

<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>

To jest mój aktualny stół:

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

To jest metoda, która stworzytr itd przyjmowanie elementówid ilabelText:

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 />');
}

Mam także wartość, która będzie pokazana jako wskazówka narzędzia.

Pomóż mi dynamicznie stworzyć tabelętool tip and tr td.

EDYTOWAĆ:

Prawie skończyłem z następującym kodem:

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;
}

Tutaj etykieta nadchodzi prawidłowo, a pole wprowadzania nie nadchodzi i widać[object Object] gdzie ma pojawić się pole tekstowe ...

Kiedy wydrukowałemtextInputBox za pomocąconsole.log, Dostaję następujące informacje:

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

Co może być problemem?

Dzięki@theghostofc kto pokazał mi drogę ... :)