Tengo una tabla html y algunas filas tr
tienen la clase Sin Guardar.
¿Como puedo remover de la tabla html todos los elementos tr
que tengan dicha clase?
No es remover la clase del elemento,sino , remover los elementos tr
.
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadEn jQuery te lo dejo.
$(document).ready(function(){
$('.singuardar').each(function(){
$(this).remove();
});
});
Lo que haces es seleccionar todos los elementos con la clase singuardar y los eliminas uno a uno con .each()
.
Dado que no has puesto nada que hayas probado te doy una solución can javascript para hacer lo que necesitas.
Necesitas recorrer la tabla y comprobar si el tr tiene la clase que quieras eliminar. En el caso de que lo tenga necesitas usar .deleteRow() en la posición que este.
var rows = document.getElementsByTagName("tr");
for (var i=0; i < rows.length; i++) {
if(rows[i].className == "sin guardar")
{
document.getElementById("myTable").deleteRow(i);
}
}
table, td{
border: 1px solid black;
width: 30px;
text-align: center
}
<table id="myTable">
<tr class="sin guardar">
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr class="sin guardar">
<td>3</td>
</tr>
<tr>
<td>4</td>
</tr>
<tr class="sin guardar">
<td>5</td>
</tr>
<tr>
<td>6</td>
</tr>
</table>
$('.SinGuardar').remove()
, pero si no pones un ejemplo mínimo verificable va a estar complicado aportar algo más