Ориентация TBODY при вставке данных в таблицу с помощью JQuery

Question

Я использую следующий код для вставки данных в таблицу:

function addRow() { 
    var key = $('#save_key').val(); 
    var qry = query(); 
    var table = document.getElementById("qrytbl"); 
    var rowCount = table.rows.length; 
    var row = table.insertRow(rowCount); 
    row.insertCell(-1).innerHTML = qry; 
    row.insertCell(0).innerHTML = key; 
} 

Моя структура таблицы

<table id=qrytbl> 
        <thead> 
         <tr> 
          <th>Key</th> 
          <th>Query</th> 
         </tr> 
        </thead> 
        <tbody> 
        </tbody> 
       </table> 

Кодовые вставки данные внутри метки <thead> вместо <tbody>, где я хочу, чтобы это было. Как я могу указать путь <tbody> в моем коде?

Answer 1

$("#qrytbl tobdy").append("put data here"); 

Также у Вас есть ошибка в вашем коде: Оберните Id в «» как это:

<table id="qrytbl"> 

Да это будет вставить в правый ряд при условии ввода правильного размечать:

вот скрипку:

http://jsfiddle.net/tt88g8of/

<table id="example"> 
    <thead> 
     <tr> 
      <td>Cell 1</td> 
      <td>Cell 2</td> 
     </tr>   
    </thead>   
    <tbody>   
    <tbody>  

</table> 

<div class="clk">insert row</div> 


$(".clk").on("click", function(){ 

    var data = "<tr> <td>CEll 1 data </td> <td>cell 2 data</td></tr>"; 

    $("#example tbody").append(data); 
});