Pensé que esto sería bastante simple, pero parece que el método vacío no funciona para limpiar un cuerpo que tengo. Agradecería si alguien sabe una forma adecuada de hacer esto, solo quiero eliminar todo lo que contiene el tbody. Hasta ahora estoy intentando:
$("#tbodyid").empty();HTML:
<table> <tbody id="tbodyid"> <tr><td>something</td></tr> </tbody> </table> NOTA: Estoy tratando de hacer esto para integrarme con un complemento escrito por otra persona que me obligan a usar para un proyecto. Estoy generando nuevos <tr><td>new data</td></tr> del lado del servidor y solo quiero poder borrar las filas de la tabla existente y reemplazarlas en las devoluciones de llamada de AJAX.
jQuery:
$("#tbodyid").empty();HTML:
<table> <tbody id="tbodyid"> <tr> <td>something</td> </tr> </tbody> </table> Funciona para mi
http://jsfiddle.net/mbsh3/
Probablemente ya haya descubierto esto, pero para alguien que se ha quedado con este problema:
$("#tableId > tbody").html("");Ejemplo para eliminar el encabezado de la tabla o el cuerpo de la tabla con jquery
function removeTableHeader(){ $('#myTableId thead').empty(); } function removeTableBody(){ $('#myTableId tbody').empty(); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id='myTableId' border="1"> <thead> <th>1st heading</th> <th>2nd heading</th> <th>3rd heading</th> </thead> <tbody> <tr> <td>1st content</td> <td>1st content</td> <td>1st content</td> </tr> <tr> <td>2nd content</td> <td>2nd content</td> <td>2nd content</td> </tr> <tr> <td>3rd content</td> <td>3rd content</td> <td>3rd content</td> </tr> </tbody> </table> <br/> <form> <input type='button' value='Remove Table Header' onclick='removeTableHeader()'/> <input type='button' value='Remove Table Body' onclick='removeTableBody()'/> </form>