Tengo una lista de palabras clave y luego una lista de oraciones que contienen esas palabras clave en una página. Me gustaría hacer clic en la lista de palabras clave. Cuando un usuario hace clic en una palabra clave, todas las apariciones de esa palabra clave se resaltarían en las oraciones.

¿Cómo puedo hacer esto con jQuery o Javascript sin formato?

La única forma en que puedo pensar es envolver cada palabra en la página con una clase que se contenga a sí misma como el nombre de la clase. Luego, cree los botones de palabras clave que agreguen una clase destacada a las clases de palabras coincidentes. Esto puede funcionar, pero parece MUCHA inyección de código innecesaria.

Lista de palabras clave

<button>this</button>
<button>example</button>

Frases

<span class='word_this'>This</span> <span class='word_is'>is</span> <span class='word_an'>an</span> <span class='word_example'>example</span>.