cambiar el texto html del enlace con jquery

113

una simple pregunta aquí

¿Hay alguna forma de cambiar el texto "haga clic aquí"?

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

en este enlace

Ricardo

bPratik
fuente

Respuestas:

164

Tienes que usar la función text () de jquery . Lo que hace es:

Obtenga el contenido de texto combinado de todos los elementos coincidentes.

El resultado es una cadena que contiene el contenido de texto combinado de todos los elementos coincidentes. Este método funciona tanto en documentos HTML como XML. No se puede utilizar en elementos de entrada. Para el texto del campo de entrada, use el atributo val .

Por ejemplo:

Busque el texto en el primer párrafo (eliminando el html), luego configure el html del último párrafo para mostrar que es solo texto (el negrita ha desaparecido).

var str = $("p:first").text();
$("p:last").html(str);

Párrafo de prueba .

Párrafo de prueba.

Con tu marcado tienes que hacer:

$('a#a_tbnotesverbergen').text('new text');

y resultará en

<a id="a_tbnotesverbergen" href="#nothing">new text</a>
eKek0
fuente
61

El método que está buscando es el .text () de jQuery y puede usarlo de la siguiente manera:

$('#a_tbnotesverbergen').text('text here');
xenón
fuente
29
$('#a_tbnotesverbergen').text('My New Link Text');

O

$('#a_tbnotesverbergen').html('My New Link Text or HTML');
karim79
fuente
14

Necesita la biblioteca J-query para hacer esto simplemente:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

Primero necesitas poner tu elemento en div así:

<div id="divClickHere">
<a id="a_tbnotesverbergen" href="#nothing">click here</a>
</div>

Entonces deberías escribir este código J-Query:

<script type="text/javascript">
$(document).ready(function(){
$("#a_tbnotesverbergen").click(function(){
$("#divClickHere a").text('Your new text');
});
});
</script>
Mohammed Alasa'ad
fuente
7

Encontré que este es el código más simple para hacer el trabajo. Como ves es super sencillo.

para el texto del enlace original

Yo suelo:

    $("#sec1").text(Sector1);

dónde

   Sector1 = 'my new link text';
David White
fuente
6

De W3 Schools HTML DOM Changes : Si observa el tercer ejemplo, muestra cómo puede cambiar el texto en su enlace, "haga clic aquí". Ejemplo:

<a id="a_tbnotesverbergen" href="#nothing">click here</a>

JS:

var element=document.getElementById("a_tbnotesverbergen"); 
element.innerHTML="New Text";
cbell1977
fuente
0

prueba esto en javascript

 document.getElementById("22IdMObileFull").text ="itsClicked"
Yitzhak Weinberg
fuente