2013-10-08 75 views
0

我有下面的HTML,我試圖更新動態使用ajax tbody的內容。我有迴應HTML所有我想要的是使用原型更新tbody內容。到現在我已經嘗試$('table-body').innerHTML="html content here";原型:動態更新tbody內容

<tbody class="table-body"> 
    <tr> 
     <td id="11" class="consumables model" width="15%">Aficion SP 20022</td> 
     <td id="12" class="consumables type" width="15%">Print Cartridge</td> 
     <td class="consumables" width="15%">Black </td> 
     <td class="consumables" width="15%">15000 </td> 
     <td class="consumables" width="15%"> 
     <td class="consumables" width="25%"> 
    </tr> 
    <tr> 
     <td id="10" class="consumables model" width="15%">Aficion SP 2002</td> 
     <td id="12" class="consumables type" width="15%">Print Cartridge</td> 
     <td class="consumables" width="15%">Black </td> 
     <td class="consumables" width="15%">15000 </td> 
     <td class="consumables" width="15%"> 
     <td class="consumables" width="25%"> 
    </tr> 
    <tr> 
     <td id="2" class="consumables model" width="15%">Aficion SP C242SF</td> 
     <td id="14" class="consumables type" width="15%">Print cartridge SP 4100</td> 
     <td class="consumables" width="15%">Magenta </td> 
     <td class="consumables" width="15%">50000 </td> 
     <td class="consumables" width="15%"> 
     <td class="consumables" width="25%"> 
    </tr> 
</tbody> 

回答

1

有2種方法的類來解決這個

  1. 改變一個id在<tbody>標籤,然後做$('table-body').update("html content here")

  2. 使用類選擇與該選擇器匹配的第一個元素$$('.table-body').first().update("html content here")

+0

即使這已經工作$('table-body')。innerHTML =「html content here」; – DepH