Foros del Web » Programando para Internet » Jquery »

editar div dinamico por numero

Estas en el tema de editar div dinamico por numero en el foro de Jquery en Foros del Web. hola una pregunta, tengo 10 div. div1 div2 div3 div4 div5 div6 div7 div8 div9 div10 por ejemplo hay un DIV que tiene como id ...
  #1 (permalink)  
Antiguo 02/12/2012, 16:40
 
Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 14 años, 6 meses
Puntos: 5
editar div dinamico por numero

hola una pregunta, tengo 10 div.

div1
div2
div3
div4
div5
div6
div7
div8
div9
div10

por ejemplo hay un DIV que tiene como id "ID=div5",
ahora.... tengo el numero 5 y quiero llegar a ESE DIV,..¿ como hago?

----------------------------------------------------------

a ver si se entiende...

como hago para editar un div, editar el backgroud color.

si solo tengo un numero del 1 al 10...

por ejemplo tengo, el 5, y lo quei quiero es aplicarle un estilo con jquery, AL DIV5
  #2 (permalink)  
Antiguo 02/12/2012, 17:09
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años, 8 meses
Puntos: 839
Respuesta: editar div dinamico por numero

¿Y si usas getElementById?
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #3 (permalink)  
Antiguo 02/12/2012, 17:17
 
Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 14 años, 6 meses
Puntos: 5
Respuesta: editar div dinamico por numero

Cita:
Iniciado por David Ver Mensaje
¿Y si usas getElementById?
pense en algo de eso.. pero encontre esto no se si sirve..

jQuery('div:has(p a)');



CADA DIV CONTIENE UN VALOR, EL DEL NUMERO QUE LO IDENTIFICA,


por ejemplo

<div id="div5">5</div>

.................
  #4 (permalink)  
Antiguo 02/12/2012, 17:20
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años, 8 meses
Puntos: 839
Respuesta: editar div dinamico por numero

Me parece que te complicas demasiado, o es que yo no entendí qué es lo que necesitas.
¿Esto no te devuelve lo necesario?
Código Javascript:
Ver original
  1. var numero = 5;
  2. var elemento = document.getElementById("div" + numero);
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 02/12/2012, 17:35
 
Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 14 años, 6 meses
Puntos: 5
Respuesta: editar div dinamico por numero

hola mira , esto es un pedazo de un codigo , en el cual uso ajax con jquery.... masomenos viene asi ,,,,

Código PHP:
 //alert(msg);
 
if(msg == 2){
    
alert("La mesa "+mesa+" se encuentra reservada");
  
 }
 if(
msg == 4){
    
// alert(mesa);
   // alert("La mesa "+mesa+" se habilito");
   // $('#mesa'+(mesa)).val("hola ");

    
var numero mesa;
    var 
elemento document.getElementById("div" mesa);
    
elemento.style.color "red";


 }


             }
    }); 
la variable mesa tendra el valor, de la mesa, el que contiene,

por ejemplo si la variable mesa tiene 4, tendre que hacer cambios en el div que tiene el ID=mesa4..

ahi meti javascript (documentgetelementbyid) con jquery no se sirve

..........

probando el codigo me dice firebug, que la variable elemento es NULL,,

Última edición por vani18; 02/12/2012 a las 17:41
  #6 (permalink)  
Antiguo 02/12/2012, 17:47
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.720
Antigüedad: 19 años, 8 meses
Puntos: 839
Respuesta: editar div dinamico por numero

Habías dicho que el id era "div5" si es "mesa5" cambia "div" por "mesa":
Código Javascript:
Ver original
  1. document.getElementById("mesa" + mesa);
Y si necesitas algún método propio de jQuery es correcta la forma:
Código Javascript:
Ver original
  1. $('#mesa' + mesa)
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #7 (permalink)  
Antiguo 02/12/2012, 20:10
 
Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 14 años, 6 meses
Puntos: 5
Respuesta: editar div dinamico por numero

bien, me anduvo...
gracias, estare mas atento.. con esas cosas...

pero lo pude hacer con el javascript.. puro...

no con jquery...

Etiquetas: dinamico, numero
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:05.