Hola que tal, estoy haciendo una aplicación en la que ocupo la opción tab de jquery-ui en cada pestaña pongo una tabla la cual contiene ciertas filas que tienen el mismo nombre, las pestañas originalmente se encuentran vacias de la siguiente forma:
Código HTML:
<div id="tab">
<ul id="ul_tab">
<li id="li_todas"><a href="#todas">Materias</a></li>
<li id="li_1"><a href="#1">Primero</a></li>
<li id="li_2"><a href="#2">Segundo</a></li>
</ul>
<div id="todas">
<ul id="ul_todas">
<table id="tbl_todas">
<tr>
<td>Grupo</td><td>Materia</td><td>Créditos</td><td>Lunes</td><td>Martes</td><td>Miercoles</td><td>Jueves</td><td>Viernes</td><td>Cupo Disponible</td><td></td>
</tr>
</table>
</ul>
</div>
<div id="1">
<ul id="ul_1">
<table id="tbl_1">
<tr>
<td>Grupo</td><td>Materia</td><td>Créditos</td><td>Lunes</td><td>Martes</td><td>Miercoles</td><td>Jueves</td><td>Viernes</td><td>Cupo Disponible</td><td></td>
</tr>
</table>
</ul>
</div>
<div id="2">
<ul id="ul_2">
<table id="tbl_2">
<tr>
<td>Grupo</td><td>Materia</td><td>Créditos</td><td>Lunes</td><td>Martes</td><td>Miercoles</td><td>Jueves</td><td>Viernes</td><td>Cupo Disponible</td><td></td>
</tr>
</table>
</ul>
</div> después agrego elementos a cada tabla por medio de jquery por medio del siguiente codigo:
Código:
$.getJSON("consulta_materias.php",function(materias){
for(var i=0; i<=(materias.length)-10; i=i+10){
$("#tbl_todas").append("<tr id='tr"+materias[i]+"'><td>"+materias[i]+"</td><td>"+materias[i+1]+"</td><td>"+materias[i+9]+"</td><td>"+materias[i+4]+"</td><td>"+materias[i+5]+"</td><td>"+materias[i+6]+"</td><td>"+materias[i+7]+"</td><td>"+materias[i+8]+"</td><td>"+materias[i+3]+"</td><td><input type='button' value='Agregar' id='"+materias[i]+"' /></td></tr>");
if(materias[i+2]!=0){
$("#tbl_"+materias[i+2]).append("<tr id='tr"+materias[i]+"'><td>"+materias[i]+"</td><td>"+materias[i+1]+"</td><td>"+materias[i+9]+"</td><td>"+materias[i+4]+"</td><td>"+materias[i+5]+"</td><td>"+materias[i+6]+"</td><td>"+materias[i+7]+"</td><td>"+materias[i+8]+"</td><td>"+materias[i+3]+"</td><td><input type='button' value='Agregar' id='"+materias[i]+"' /></td></tr>");
}
}
});
hasta aquí todo marcha bien, si se dan cuenta las filas agregadas tienen el mismo id, el cual posteriormente uso para eliminarlo por medio de jquery:
es aqui donde se presenta el problema, porque al hacer el remove, la fila que es eliminada solo es la de la tabla que se encuentra en la pestaña activa, mientras que las demás pestañas siguen teniendo la fila en su tabla, ¿Como puedo eliminar todos los elementos que tienen el mismo id aun cuando no se encuentran "activos"? ¿Alguna sugerencia? espero me respondan pronto.