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

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>


29
$('#a_tbnotesverbergen').text('My New Link Text');

O

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

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>

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';

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";

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.