Question

I have a simple markup

<a href="/u1"><span style="color:#FF0000"><strong>Mr.EasyBB</strong></span></a>

This is the jQuery caller for the API Rainbow

$('a[href="/u1"]').rainbow({ 
colors: [
    '#FF0000',
    '#f26522',
    '#fff200',
    '#00a651',
    '#28abe2',
    '#2e3192',
    '#6868ff'
],
animate: true,
animateInterval: 100,
pad: false,
pauseLength: 100,
});

Though whenever I make it go it shows the HTML as the link. To better understand please visit the jsfiddle I have provided since this is so strange!

http://jsfiddle.net/sr5df/

If someone knows of a fix please help me out here, this is just mind boggling.
​

Answer 1

The plugin uses the innerHTML of the wrapped set’s elements. If you target the tag surrounding the actual text that you want to animate then you’re good. So use this call instead:

$('a[href="/u1"] strong')... etc