Eu tenho uma lista de palavras-chave e, em seguida, uma lista de frases contendo essas palavras-chave em uma página. Gostaria de tornar a lista de palavras-chave clicável. Quando um usuário clica em uma palavra-chave, todas as ocorrências dessa palavra-chave são destacadas nas frases.

Como posso fazer isso com jQuery ou Javascript bruto?

A única maneira de pensar é agrupar todas as palavras da página com uma classe que se contenha como o nome da classe. Em seguida, crie os botões de palavras-chave que adicionam uma classe de destaque às classes de palavras correspondentes. Isso pode funcionar, mas parece muita injeção de código desnecessária.

Lista de palavras-chave

<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>.