如何在此jQuery中添加HTML元素？

Question

我已經下載了jQuery以添加和刪除輸入類型。

現在如何在此代碼中插入新表？

這是我的代碼：

$(document).ready(function(){

    var counter = 2;

    $("#ctl00_mainContentPlaceHolder_btnNewRow").click(function () {

    if(counter>10){
            alert("Only 10 textboxes allow");
            return false;
    }   

    var newTextBoxDiv = $(document.createElement('div'))
         .attr("id", 'TextBoxDiv' + counter);

    newTextBoxDiv.after().html('<label>Textbox '+ counter + ' : ' +
          '<input type="text" name="textbox' + counter + 
          '" id="textbox' + counter + '" value="" ></label>');               

    newTextBoxDiv.appendTo("#TextBoxesGroup");


    counter++;
     });

     $("#removeButton").click(function () {
    if(counter==2){
          alert("No more textbox to remove");
          return false;
       }   

    counter--;

        $("#TextBoxDiv" + counter).remove();

     });

     $("#getButtonValue").click(function () {

    var msg = '';
    for(i=1; i<counter; i++){
      msg += "\n Textbox " + i + " : " + $('#textbox' + i).val();
    }
          alert(msg);
     });
  });

Answer 1

添加標簽后，只需在jQuery中添加此代碼。 您可以在以下代碼的幫助下使用表格而不是標簽

newTextBoxDiv.after().html('<table> <tr> <td>Textbox '+ counter + ' : ' +
          '<input type="text" name="textbox' + counter + 
          '" id="textbox' + counter + '" value="" > <td></tr></table>'); 

Answer 2

如果要動態添加表行，則可能需要使用dom操作，而不是將html代碼作為字符串

var table = $('<table/>');
//for
    var tr = $('<tr/>').attr('id', {row_id}).addClass('row_class');
    //for
        var td = $('<td/>').addClass('td_class').html('or .text()');
        tr.append(td);
    table.append(tr);
table.appendTo($('whereever'));