Как удалить данные тела внутри модального

Question

Я пытаюсь удалить данные тела в модальном режиме при нажатии кнопки отмены.Мой код работает, но он удаляет в том числе thead.Может кто-то указать, что не так с моим кодом.Можно ли удалить только область таблицы tbody вместо удаления всего содержимого таблицы?

	var size = document.getElementById('partnersize').value;
	counter = 0;
	//alert(size);
	for (i = 0; i < size; i++) {
		var branchname = document.getElementById('branchname['+i+']').value;
		var branchid = document.getElementById('branchid['+i+']').value;
		var balance = document.getElementById('balance['+i+']').value;
		var amount = document.getElementById('amount['+i+']').value;
		if(amount!="")
			{
		 $('#confirmModal').find('.table').append('<tr><td id="branchname'+counter+'">'+branchname+'</td><td id="branchid'+counter+'">'+branchid+'</td><td id="balance'+counter+'">'+balance+'</td><td id="amount'+counter+'">'+amount+'</td></tr>');
			counter = counter + 1;
			}
	} 
	$('#confirmModal').modal('show');
  $('#closeBtn').click(function(){
	
		$('#confirmModal').find('.tbody').html("");
		
	
	});

<table class="table" id="table"> <!-- table-bordered table-striped-->
      <thead>
        <tr>
         
          <th id="removetable">
            Branch Name
        
          </th>
          <th id="removetable">
            Branch Id
       
          </th>
          <th id="removetable">
           Balance
       
          </th>

          <th id="removetable">
            Amount
   
          </th>
          
          <!--  <th id="removetable">
            Status
       
          </th> -->
           
        
        </tr>
      </thead>
      
      <tbody id="tableBody">
         	<div id="data" style="padding-bottom: 10px; margin-top: 47px; float: right; color:#FF0000;">
         	
         	</div>
      </tbody>
      
    </table>

Answer 1

Вы можете использовать

$("#TableIDHere tbody").empty();