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

bPratik
fonte

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>
eKek0
fonte
61

O método que você está procurando é o .text () do jQuery e você pode usá-lo da seguinte maneira:

$('#a_tbnotesverbergen').text('text here');
xenônio
fonte
29
$('#a_tbnotesverbergen').text('My New Link Text');

OU

$('#a_tbnotesverbergen').html('My New Link Text or HTML');
karim79
fonte
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>
Mohammed Alasa'ad
fonte
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';
David White
fonte
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";
cbell1977
fonte
0

tente isso em javascript

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