JQuery: Cambiar span con id en variable

omar1977 · #1 (**permalink**) 08/04/2009, 09:05

hola amigos...
tengo este problemita y realmente ya me esta fastidiando....
necesito tambiar un span que esta dendro de un tr, el id del span esta compuesto por "sp_" mas lo que recojo del atributo uid del tr contenedor.... creo que lo explicaria mejor con codigo.

Esta es la tabla que genero con php (bueno solo el tr)

Código PHP:

  echo "
<tr class='row$k' id='pallet_$Obj->id' nid='$Obj->id'>
       <td>{$Obj->ubicacion}</td>
       <td>{$Obj->temp}</td>
       <td><span id='cajas_$Obj->id'>{$Obj->n_cajas}</span></td>
       <td>{$Obj->kilos}</td>
       <td>{$Obj->estado['descripcion']}</td>
       <td>
                <span id='sp_$Obj->id' class='ui-icon-circle-check'>{$Obj->obs}</span>
       </td>
</tr>";

y esto es lo que hago con el jquery:

Código:

$('#content_pallets tr').click( function() {                     // accedo por el evento click
    $('#content_pallets span').removeClass('ui-icon');    // quito la clase a todos los span de la tabla
    sp = 'sp_'+$(this).attr('nid');                                     // creo la variable
    $('#'+sp).addClass('ui.icon');                                     // intento acceder al objeto y agregar la clase.
});

el problema es que no acceso al span que necesito....
la consulta es: se puede acceder a un objeto apartir de su id contenida en una variable:
sp = 'sp_'+$(this).attr('nid'); // creo la variable
$('#'+sp).addClass('ui.icon'); // intento acceder al objeto y agregar la clase.

(esto es solo un ejemplo al detalle, el real es mucho mas complejo).

espero me puedan ayudar.....
desde ya gracias.

#2 (**permalink**) 08/04/2009, 10:06

Poderse se puede, sí.

Lo que tendrías que hacer es:
- Poner el código generado después de pasar por el PHP, ASP o lo que sea. Si no, no podemos ver cómo es el codigo realmente porque no sabemos lo que está generando el PHP, ASP o lo que sea.
- No pongas "un ejemplo"; mejor pon el código real, porque el problema ocurre en el código real, ¿no?

omar1977 · #3 (**permalink**) 08/04/2009, 10:26

la codificacion que mostre es la fuente php, ahora eso de ejemplo "al detalle" es por que lo demas es de relleno ( css, algunos if y otros) y no es escencial para la consulta que hago... en si lo que hace php es lo que ahi describo....

ahora el codigo que genera.... lo ponemos ahora mismo.... (detallo los span para tener en cuenta)

Cita:

<tr class='row0' id='pallet_21' nid='21' nline='18' onclick='xajax_GetHistory(21);'>
<td>Pasillo 1 </td>
<td>C09 </td>
<td><span id='cajas_21'>10</span></td>
<td>100.00 </td>
<td>En Espera </td>
<td><span id='sp_21' class='ui-icon-circle-check'></span>
</tr>

#4 (**permalink**) 08/04/2009, 10:42

Vale, una cosa en la que no me había fijado. Haces: $('#'+sp).addClass('ui.icon');

Hasta donde yo sé ui.icon no es un identificador válido de clase.

omar1977 · #5 (**permalink**) 08/04/2009, 10:47

si claro es la clase que necesito agregar al span, ahora me cae otra duda....
el metodo addClass : Agrega? o Reemplaza? (por lo de add, deberia agregar)....

por lo demas eso de $('#'+sp), esta bien?, deberia resultar?

#6 (**permalink**) 08/04/2009, 11:12

Lo que te digo es que "ui.icon" no es un identificador de clase válido en CSS. El problema no va a ser que se lo asignes o no, sino que el navegador no le va a aplicar esos estilos porque no es una clase válida.

Lo de $("#"+sp) sí, está bien.

omar1977 · #7 (**permalink**) 08/04/2009, 12:38

maestro.......
ni se imagina las put##adas que me doy solo.... y claro la cosa no funcionaba solo por el maldito "."
la clase es realmente "ui-icon", por lo demas, todo funciona ok...
gracias por la ayuda.

muchas muchas gracias

PD: necesito vacaciones. ARG!!!!!!