は、テーブル内のタグを削除するとのトラブルは、正しく

Question

私は以下のページを持っています。

function displayTxtBuilder() { 
    $("#tblControls").contents().remove(); 

    var $MaxLengthQuestion = $('<label />').text('Set the Max Length Value:'); 
    var $MaxLengthInput = $('<input/>').attr({ type: 'text', id: 'maxlength', size: '3', maxlength: '3', value: 'max' }); 
    var $BodyQuestion = $('<label />').text('Set the initial value of the textbox:'); 
    var $BodyInput = $('<input/>').attr({ type: 'text', id: 'body', size: '3', value: 'body' }); 

    $("#tblControls").last().append(
       $TableRow.append($TableData.append($MaxLengthQuestion)).append($TableData2.append($MaxLengthInput)) 
      ); 

    $("#tblControls").last().append(
       $TableRow2.append($TableData3.append($BodyQuestion)).append($TableData4.append($BodyInput)) 
      ); 
} 

は、私は、コード

$("#tblControls").contents().remove(); 

がtblControlsのすべての内容を削除するだろうと思ったが、代わりに私は$ Ta​​bleRow.append私はdisplayTxtBuilderを実行するたびに繰り返されている参照してください。なぜ最初の追加を繰り返すのか分かりません。私は

$("#tblControls").remove(); 

で

$("#tblControls").contents().remove(); 

を交換する一方、​​行のどれも現れません。

Answer 1

使用empty()

$("#tblControls").empty(); 

Answer 2

はこれを試してみてください：

$("#tblControls").find("*").remove();