Bdtjtk

I need to dynamically color code certain columns of table bases on figures in the cell. I want first 4 rowsto be formatted if they are more than 3 but all next rows should be formatted if figure in it is more than 1

I want to format alternate columns of table if for first 4 rows cell values is more than 3. 5th row onward i want to format if cell value is more than 1. I am using below javascript but that gives me all the rows formatting with 1

 $(function()

        {

        $("td:nth-child(3),td:nth-child(5),td:nth-child(7),td:nth-child(9),td:nth-child(11)").each(function()

          {

            var score = parseFloat($(this).text());

            if (score >= '1.00')

            {

           $(this).addClass('good');

            }

            else if (score < '-0.99')

            {

           $(this).addClass('good');

            }

          })

      }

    )

If what you're trying to do is to add styles to the table cells when the following conditions are met:

• For the first four rows, style the odd number column cells if the value is greater than or equal to 3


• For the fifth row and beyond, style the odd number column cells if the value is greater than or equal to 1

Then, you can add a class to the element for the first four rows like this: <tr class="firstFourRows">

For the javascript

    $(document).ready(function () {

        (function () {

            /*

             *  choose either one (start)

             */

            // if you CAN modify the HTML

            // this selector select the first four tr elements with odd number column cells

            $('.firstFourRows > td:nth-of-type(2n + 3)').each(function () {

                var score = parseFloat($(this).text());



                if (score >= 3) {

                    $(this).addClass('good');

                }

            });



            // if you CANNOT modify the HTML

            for (var i = 1; i <= 4; i++) {

                $('tr:nth-child(' + i + ') > td:nth-of-type(2n + 3)').each(function () {

                    var score = parseFloat($(this).text());



                    if (score >= 3) {

                        $(this).addClass('good');

                    }

                });

            }



            /*

             *  choose either one (end)

             */



            // this selector select the fifth row and beyond with odd number column cells

            $('tr:nth-child(n + 5) > td:nth-of-type(2n + 3)').each(function () {

                var score = parseFloat($(this).text());



                if (score >= 1) {

                    $(this).addClass('good');

                }

            });

        }());

    });