gistfile1.js

// basic example
$('span').filter(function() {
        return this.innerHTML.match(/\b(fire|aqua|elec|wood)\b/gi);
    }).css("border", "1px solid red");


// styling each individual word
var fire = "<span style='border: 3px solid red;'>fire</span>";
var aqua = "<span style='border: 3px solid blue;'>aqua</span>";
var elec = "<span style='border: 3px solid gray;'>elec</span>";
var wood = "<span style='border: 3px solid brown;'>wood</span>";

$('span').filter(function() {
        return this.innerHTML.match(/\b(fire|aqua|elec|wood)\b/gi);
    }).each(function(i, o) {
	   o.innerHTML = o.innerHTML.replace("fire", fire)
				    .replace("aqua", aqua)
                                    .replace("elec", elec)
                                    .replace("wood", wood);
    });