web-dev-qa-db-fra.com

changer le texte html du lien avec jquery

une simple question ici

Est-il possible de modifier le texte "cliquez ici"

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

dans ce lien

Richard

javascriptjquerydomhyperlink
107
Richard

Vous devez utiliser le fonction text () de jquery . Qu'est-ce qu'il fait est:

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

Le résultat est une chaîne contenant le contenu textuel 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 des éléments d'entrée. Pour le texte du champ de saisie, utilisez attribut val .

Par exemple:

Recherchez le texte dans le premier paragraphe (en supprimant le code HTML), puis définissez le code HTML du dernier paragraphe pour indiquer qu'il ne s'agit que de texte (le caractère gras a disparu).

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

Test Paragraphe.

Paragraphe d'essai.

Avec votre balisage, vous devez faire:

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

et il en résultera

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

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

$('#a_tbnotesverbergen').text('text here');
60
xenon
$('#a_tbnotesverbergen').text('My New Link Text');

OR

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

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

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

Vous devez d’abord mettre votre élément en div comme ceci:

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

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

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

De W3 Schools HTML DOM Changes : Si vous regardez le 3ème exemple, il montre comment vous pouvez changer 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";
6
cbell1977

J'ai trouvé que c'était le morceau de code le plus simple pour faire le travail. Comme vous pouvez le constater, c’est très simple.

pour le texte original du lien

J'utilise:

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

où

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

essayez ceci en javascript

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