Temas > Programacion > Java script - Java > Metodos text, text valor en jQuery
Julio

Métodos text(), text(valor)
Para saber el contenido de un elemento el objeto jQuery
cuenta con un método llamado text(), por ejemplo:
<?php //esto no va
var x=$("#parrafo1");
?>//esto no va
luego si hacemos x.text() obtenemos el contenido del
párrafo con id igual a parrafo1.  Luego si queremos cambiar
el texto del párrafo deberíamos disponer: 
<?php //esto no va
var x=$("#parrafo1");
x.text("Este es el texto nuevo");
?>//esto no va
Pero hay que tener mucho cuidado cuando utilizamos
jQuery ya que podemos cambiar el contenido de muchos
elementos con una sola llamada al método text, por ejemplo:
<?php //esto no va
var x=$("p");
x.text("Este texto aparece en todos los párrafos del documento");
?>//esto no va
El código anterior crea un objeto jQuery con la referencia a
todos los párrafos contenidos en el documento. Luego si llamamos
al método text enviándole una cadena, esta aparecerá en todo
el documento remplazando el contenido de los párrafos actuales.
El siguiente problema muestra el acceso y modificación unitaria y
múltiple de contenidos de elementos.
<?php //esto no va
 <html>
 <head>
 <title>Problema</title>
 <script type="text/javascript" src="../jquery.js"></script>
 <script language="javascript" src="funciones.js"
 type="text/javascript"></script>
 </head>
 <body>
 <input type="button" value="Obtener el texto contenido en un
 párrafo" id="boton1"><br>
 <input type="button" value="Modificar el texto de un párrafo"
 id="boton2"><br>
 <input type="button" value="Modificar el texto de los
 elementos
 td de una tabla" id="boton3"><br>
 <p id="parrafo1">Texto del primer párrafo</p>
 <table border="1">
 <tr>
 <td>celda 1,1</td><td>celda 1,2</td>
 <td>celda 2,1</td><td>celda 2,2</td>
 </tr>
 </table>
 </body>
 </html>
?>//esto no va
funciones.js
<?php //esto no va
 var x;
 x=$(document);
 x.ready(inicializarEventos);
 function inicializarEventos()
 {
    var x=$("#boton1");
    x.click(extraerTexto);
    x=$("#boton2");
    x.click(modificarTexto);
    x=$("#boton3");
    x.click(modificarDatosTabla);
 }
 function extraerTexto()
 {
    var x=$("#parrafo1");
    alert(x.text());
 }
 function modificarTexto()
 {
    var x=$("#parrafo1");
    x.text("Nuevo texto del párrafo");
 }
 function modificarDatosTabla()
 {
    var x=$("td");
    x.text("texto nuevo");
 }
?>//esto no va
Como vemos esta página tiene tres botones, al presionarse 
el primero se dispara la función:
<?php //esto no va
function extraerTexto()
{
   var x=$("#parrafo1");
   alert(x.text());
}
?>//esto no va
Obtenemos la referencia al párrafo mediante su id
(recordemos que en una página todos los valores de
los id son distintos), luego extraemos el contenido mediante el
método text() y lo mostramos en un alert.
La segunda función cambia el contenido del párrafo:
<?php //esto no va
function modificarTexto()
{
   var x=$("#parrafo1");
   x.text("Nuevo texto del párrafo");
}
?>//esto no va
Obtenemos la referencia del párrafo mediante su id y
llamamos al método text enviándole el nuevo string a mostrar.
Por último la función:
<?php //esto no va
function modificarDatosTabla()
{
   var x=$("td");
   x.text("texto nuevo");
}
?>//esto no va
Crea un objeto de la clase jQuery con la referencia a
todos los elementos td del documento (es decir los td de
todas las tablas) y posteriormente mediante el método
text modifica el contenido de todos ellos (todos los td del
documento se cambian por el string "nuevo texto").













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar