Rick Rick - 6 months ago 19
Javascript Question

Jquery, Clear / Empty all contents of tbody element?

I thought this would be rather simple but it seems the empty method is not working to clear out a tbody that I have. I would appreciate if anyone knows a proper way to do this, I just want to delete everything contained within the tbody. So far I am trying:

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


HTML:

<table>
<tbody id="tbodyid">
<tr><td>something</td></tr>
</tbody>
</table>


NOTE: I am trying to do this to integrate with a plugin written by someone else that I am being made to use for a project. I am generating new
<tr><td>new data</td></tr>
server-side and want to just be able to wipe out the existing table rows and replace them on AJAX callbacks.

Answer

jQuery:

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

HTML:

<table>
<tbody id="tbodyid">
<tr><td>something</td></tr>
</tbody>
</table>

Works for me
http://jsfiddle.net/mbsh3/