Mot remplacé par lien

Bonjour,

Je m'arrache les cheveux depuis des heures, je débute plus ou moins avec jquery, j'avoue ne pas encore tout appréhendé.

Je souhaiterais qu'au chargement de ma page des mots clefs soient remplacés automatiquement vers des liens correspondants à leur explication.

c'est sur un blog donc y'a une div bien sur qui englobe chaque extrait d'article et dedans y'a une balise nommée

 <div class="sdsarticle-des" itemprop="description" name="sdsarticle-des">
la complétude de la raison

et je souhaiterais qu'au chargement ca donne

 <div class="sdsarticle-des" itemprop="description" name="sdsarticle-des">
la <a Href="completude.html">complétude</a> de la raison

j'arrive bien à récupérer mes textes mais je sèche à remplacer les mots par les liens et les réafficher au bon endroit

<script language="javascript">
function motclef() {

	$('.sdsarticle-des').html(function(index,actuel) { 
	    var strNewString = $('.sdsarticle-des').html().replace(/completude\./g,'<a href=\"completude.html\">completude</a>');
		$('.sdsarticle-des').html(strNewString);
		alert(strNewString);
	});
	
}
</script>

je ne sais même pas si je tourne autour ou pas

merci d'avance pour votre aide

Bonjour. Un exemple fonctionnel :

<p class="link-js">Un lien vers Scriptura</p>

$('.link-js').each(function(){
	var string = $(this);
	var newString = string.html().replace(/(Scriptura)/g, '<a href="http://scriptura.github.io/">$1</a>');
	string.html(newString);
});

Je vous laisse adapter la regex...
Modifié par Olivier C (03 May 2015 - 16:09)

merci beaucoup je vais essayer ca ! et comprendre ce que je faisais mal aussi merci !

De rien. Notez que la méthode .each() n'est pas obligatoire : elle est là pour passer en revu le contenu de tous les éléments sur lesquels est appliqué la classe .link-js.
Modifié par Olivier C (06 May 2015 - 12:47)