Question

How to alternate style (background color with jQuery) for div inside div with id="container" alternately (even and odd) if I have HTML like this:

<div>
    <span>10%</span>
</div>
<div>
    <span>20%</span>
</div>
<div>
    <span>30%</span>
</div>
.....
.....

How can I select the divs with above 50% and highlight them using jQuery?

Answer 1

This seems to answer your original question: http://jsfiddle.net/DRMZz/1/

jQuery(document).ready(function() {

    var text = jQuery('span').text();

    var textArray = text.split('%');

    for (var i = 0; i < textArray.length; i++) {
        if((parseInt( textArray[i] )) > 50){
            var spanSelector = 'span:eq(' + i + ')';
            console.log(spanSelector);
            jQuery(spanSelector).css('background','yellow');
        }
    };

});​