Problema con JQuery y [ en el ID

jhanluigui · #1 (**permalink**) 06/01/2010, 10:15

Mi problema es el siguiente:

Hago referencia a un objeto con Jquery de la siguiente manera:

$('#cajatexto')

Cuando uso esta forma no tengo ningun problema pero uso un framework, para el cual necesito ponerlo de esta forma

$('#form[cajatexto]')

Es decir que aumente el "form" y los "[ ]". Cuando hago esta operacion el jquery ya no me encuentra el nombre.

Como puedo solucionar este problema con los "[ ]".

gracias

carloshuchim · #2 (**permalink**) 06/01/2010, 10:40

Si te sirve de algo, los corchetes es para seleccionar por atributos no por nodos...

$('input[id=cajatexto]').css( 'display', 'none' );

Saludos

mayid · #3 (**permalink**) 06/01/2010, 11:09

Cita:

pero uso un framework

Mh... Jquery es un framework, y desde ya que lo estas utilizando.

Para incrementar un valor tenes que usar un bucle, y ademas una sintaxis como esta:

Cita:

$('#form' + cajatexto)

donde "cajatexto" sea una variable (por eso queda fuera de las comillas y esta encadenada con un signo +).

jhanluigui · #4 (**permalink**) 06/01/2010, 15:30

Para que se entienda mi problema pongo el html de mi caja de texto

Generalmente es asi:

<input type="text" value="" id="cajatexto" size="38" name="form[cajatexto]"/>

donde si funciona el jquery

pero el framework que uso lo genera asi:

<input type="text" value="" id="form[cajatexto]" size="38" name="form[cajatexto]"/>

donde si aplico jquery no me reconoce el nombre del ID es decir que no encuentra el objeto

Que puedo hacer

jhanluigui · #5 (**permalink**) 06/01/2010, 15:32

comprendo que Jquery es un FRAMEWORK pero a lo que me refiero es que tengo un framework adicional, que genera el html del formulario y en este sentido a la caja de texto le asigna un nombre, el cual siempre esta con form[nombre] y como esta de esta forma el jquery no lo reconoce.

Dany_s · #6 (**permalink**) 07/01/2010, 05:07

claro porque los tomo como que buscas un id que contenga atributo 'cajatexto', para que no te lo tome asi usa la doble barra de escape para caracteres especiales //
en la documentacion en selectores bien abajo esta

Código HTML:

<html>
<head>
    <title>Prueba</title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
        $(function (){
            alert ( $("#form\\[cajatexto\\]").val() );
        });
    </script>
</head>
<body>
    <input type="text" value="valor de la caja" id="form[cajatexto]" size="38" name="form[cajatexto]"/>
</body>
</html>

jhanluigui · #7 (**permalink**) 07/01/2010, 09:07

Gracias por la ayuda

Me funcion a la perfeccion