jQuery Forum

Here is the scenario I am having trouble with.

I have a breadcrumb navigation menu that is dynamically generated but
I can add my own JS to the bottom of the page to affect it with
jQuery. I have tried to simplify the code below as much as possible.

<td class="bc_cell">
<img class="my_icon" alt="my_icon" title="my_icon" src="trans.gif">
<a class="bc_anchor" title="first_bc" href="#">First breadcrumb link</a>
|
<a class="bc_anchor" href="#" title="second_bc">random link one</a>
|
<span class="bc_final">Last bit of breadcrumb</span>
</td>

If the page detects that the <a> tag has the text "random link one"
that it does the following.
Insert a class called .red_icon into (.bc_cell .my_icon) so it was
left looking like this.
<img class="my_icon red_icon" alt="my_icon" title="my_icon" src="trans.gif">

or if that's not possible to do then

$j('<style>.bc_cell .my_icon { background: red;
}</style>').insertAfter('.my_icon');

The part I can't figure out is how to sense for the text.

I will have 6 different instances of text to sense and put different
classes for each.
For example
if it finds "random link two"  then put a class of .blue_icon into
(.bc_cell .my_icon)
etc.

<tr class="row_one">

<td class="first">First Cell</td>   
<td class="second">Second Cell</td>
<td class="third">Third Cell</td>

</tr>