Question

This is my first post, but I’ve loved using this site as resource for quite awhile now. However, the time has now come for me to ask a question…

I have found plenty of JavaScript highlighter plugins during my research into this question, but they all focus on finding one word. For a fan-site I am creating (Mega Man Battle Network, for those interested), I would like to find a way to detect the words, “Fire”, “Aqua”, “Elec”, and “Wood”, so I can automatically add styling to them.

Any JavaScript gurus out there to help me?

Answer 1

I figured it out!

$(document).ready(function(){
    $('div.elemental:contains("Aqua")').addClass('aqua');
    $('div.elemental:contains("Fire")').addClass('fire');
    $('div.elemental:contains("Wood")').addClass('wood');
    $('div.elemental:contains("Elec")').addClass('elec');
});

Now I just need to figure out how create a callback to a new function so that the highlighting is done to each new page I go to.