changer le texte html du lien avec jquery

113

une question simple ici

Existe-t-il un moyen de modifier le texte "cliquez ici"

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

dans ce lien

Richard

bPratik
la source

Réponses:

164

Vous devez utiliser la fonction text () de jquery . Ce qu'il fait c'est:

Obtenez le contenu textuel combiné de tous les éléments correspondants.

Le résultat est une chaîne qui contient le contenu de texte combiné de tous les éléments correspondants. Cette méthode fonctionne à la fois sur les documents HTML et XML. Ne peut pas être utilisé sur les éléments d'entrée. Pour le texte du champ de saisie, utilisez l' attribut val .

Par exemple:

Trouvez le texte dans le premier paragraphe (en supprimant le html), puis définissez le html du dernier paragraphe pour montrer qu'il ne s'agit que de texte (le gras a disparu).

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

Paragraphe de test .

Paragraphe de test.

Avec votre balisage, vous devez faire:

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

et cela se traduira par

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

La méthode que vous recherchez est le .text () de jQuery et vous pouvez l'utiliser de la manière suivante:

$('#a_tbnotesverbergen').text('text here');
xénon
la source
29
$('#a_tbnotesverbergen').text('My New Link Text');

OU

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

Vous avez besoin de la bibliothèque J-query pour faire cela simplement:

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

Vous devez d'abord mettre votre élément dans div comme ceci:

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

Ensuite, vous devez écrire ce code J-Query:

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

J'ai trouvé que c'était le morceau de code le plus simple pour faire le travail. Comme vous pouvez le voir, c'est super simple.

pour le texte du lien d'origine

J'utilise:

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

   Sector1 = 'my new link text';
David White
la source
6

Changements du DOM HTML des écoles W3 : Si vous regardez le 3ème exemple, il montre comment vous pouvez modifier le texte de votre lien, "cliquez ici". Exemple:

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

JS:

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

essayez ceci en javascript

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