이 jQuery에 HTML 요소를 추가하려면 어떻게해야합니까?

Question

& 입력 형식을 제거하기 위해 jQuery를 다운로드했습니다.

이제 어떻게이 코드에 새 테이블을 삽입 할 수 있습니까? 당신은 단지 라벨의 추가 후 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

:

여기 내 코드입니다. 당신이 dynmically 테이블 행을 추가하려면 당신은 문자열로 HTML 코드를 넣는 대신 DOM 조작을 사용할 수있는 코드 아래

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

Answer 2

의 도움으로 대신 라벨의 테이블을 사용할 수

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