Scroll through text and link word - Jquery

Question

It is possible to select words in a long text and link them?

Example: I want to select and link the words: donkey and walk.

Note: Only 1 time, no repetition of links and each word for a different link:

    O menino quer um burrinho
    para passear.
    Um burrinho manso,
    que não corra nem pule,
    mas que saiba conversar
    O menino quer um burrinho
    para passear.

Exit:

O menino quer um **burrinho**
para **passear**.
Um burrinho manso,
que não corra nem pule,
mas que saiba conversar
O menino quer um burrinho
para passear.

The bold (asterisks) are the links.

Answer 1

You can use .replace to find the word and manipulate it.

var texto = $('p').text().replace('burrinho', '<strong>burrinho</strong>').replace('passear', '<strong>passear</strong>');

$('p').html(texto);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>O menino quer um burrinho
    para passear.
    Um burrinho manso,
    que não corra nem pule,
    mas que saiba conversar
    O menino quer um burrinho
    para passear.</p>

Answer 2

You can do this without using jQuery, just with replace, because the replace only replaces the first occurrence you encounter.

As the question does not indicate how the words are selected, in the example below I created an array with the two words and made a loop for to search each one and replace it with a link <a>:

let texto = `O menino quer um burrinho
    para passear.
    Um burrinho manso,
    que não corra nem pule,
    mas que saiba conversar
    O menino quer um burrinho
    para passear.`;

const palavras = "burrinho passear".split(" ");

for(let p of palavras){
   texto = texto.replace(p, `<a href="#${ p }">${ p }</a>`);
}

document.getElementById("texto").innerHTML = texto;

<div id="texto"></div>