2013-10-08 49 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