alterar o texto html do link com jquery


113

uma pergunta simples aqui

Existe uma maneira de alterar o texto "clique aqui"

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

neste link

Richard

Respostas:


164

Você tem que usar a função text () do jquery . O que faz é:

Obtenha o conteúdo de texto combinado de todos os elementos correspondentes.

O resultado é uma string que contém o conteúdo de texto combinado de todos os elementos correspondentes. Este método funciona em documentos HTML e XML. Não pode ser usado em elementos de entrada. Para texto do campo de entrada, use o atributo val .

Por exemplo:

Encontre o texto no primeiro parágrafo (removendo o html) e, em seguida, defina o html do último parágrafo para mostrar que é apenas texto (o negrito sumiu).

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

Parágrafo de teste .

Parágrafo de teste.

Com sua marcação, você deve fazer:

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

e isso vai resultar em

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


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

OU

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

14

Você precisa da biblioteca J-query para fazer isso simplesmente:

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

Primeiro você precisa colocar seu elemento em div assim:

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

Então você deve escrever este Código J-Query:

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

7

Descobri que esse é o código mais simples para fazer o trabalho. Como você pode ver, é super simples.

para o texto do link original

Eu uso:

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

Onde

   Sector1 = 'my new link text';

6

De W3 Schools HTML DOM Changes : Se você olhar o terceiro exemplo, ele mostra como você pode alterar o texto em seu link, "clique aqui". Exemplo:

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

JS:

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

0

tente isso em javascript

 document.getElementById("22IdMObileFull").text ="itsClicked"
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.