Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Eliminar elementos de tabla inactiva

Estas en el tema de Eliminar elementos de tabla inactiva en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/07/2011, 10:46
 
Fecha de Ingreso: mayo-2011
Mensajes: 6
Antigüedad: 9 años, 5 meses
Puntos: 0
Pregunta Eliminar elementos de tabla inactiva

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:
Código:
$("#tr_id").remove();
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.
  #2 (permalink)  
Antiguo 08/07/2011, 11:37
 
Fecha de Ingreso: abril-2011
Mensajes: 1.342
Antigüedad: 9 años, 5 meses
Puntos: 344
Respuesta: Eliminar elementos de tabla inactiva

Recuerda que un id es único (sólo puede tener el mismo valor un elemento) y cuando intentes obtener los elementos mediante su id, la función $ sólo te va a devolver un elemento. Vas a tener que buscar otra manera de hacerlo (con class, por ejemplo).

Etiquetas: ajax, jquery, remove, tab
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:51.