2012-05-04 9 views
18

Básicamente todo lo que quiero hacer es establecer el texto de un párrafo usando JavaScript/jQuery en la carga de la página. Esto es para una aplicación de interfaz de usuario de Kendo simple.Establecer texto de párrafo con javascript en la carga de la página

¿Alguien puede por favor darme un método para hacer esto?

Sé que esta es probablemente una pregunta novato, pero soy semi inexperto con JavaScript/jQuery.

Esto es lo que ya he intentado, pero no parece estar funcionando ...

<script type=""> 
     $(document).ready(function() { 
      $("#mac001OEE").val("0%"); 
     }); 

Este código se ha colocado en la cabecera de la página HTML.

Gracias :)

Respuesta

24

Por favor, intente .text() buena lectura aquí: http://api.jquery.com/text/

demostraciónhttp://jsfiddle.net/FyVzF/13/o para su ejemplo específico utilizando Identificación consulte aquí http://jsfiddle.net/FyVzF/14/

esperanza que esto ayude!

código

$(document).ready(function() { 

    $("p").text('test test Rambo'); 
}); 

HTML

<p> </p> 
+0

@ Tats-Link no se encuentra para la demostración – coder

+1

estás welcome.have 1 – coder

+1

Los ejemplos jsFiddle son grandes, gracias. – Sabuncu

0

Para los elementos de entrada no se debe utilizar html o text métodos:

$(document).ready(function() { 
    $("#mac001OEE").html("0%"); 
}); 
0

Como suming usted está tratando de establecer el texto de un elemento p, utilice text():

$("#mac001OEE").text("0%"); 

val() se utiliza en elementos que tienen un atributo value, como input, select y textarea.

+0

Impresionante - esto lo solucionó :) –

+0

No hay problema, me complace ayudarlo. –

4
$(document).ready(function() { 
    $("#mac001OEE").html("0%"); 

}); 

O

$(document).ready(function() { 
    $("#mac001OEE").text("0%"); 

}); 
9

Prueba esto sólo por un párrafo en particular con el id "idName":

$(document).ready(function() { 

    $("p#idname").text('test test Rambo'); 
}); 
1

En lugar de .val() uso .text() o .html():

$(document).ready(function() { 
    $("p").text('saeed'); 
}); 

o

$(document).ready(function() { 
    $("p").html('saeed'); 
}); 
Cuestiones relacionadas