Здравствуйте. Помогите, пожалуйста, с кодом js. Необходимо в каждой строке подсветить одним цветом минимальную цифру и другим цветом максимальную. Заранее благодарен. Код (Text): <table> <tr> <td>11</td> <td>22</td> <td>65</td> <td>14</td> <td>35</td> </tr> <tr> <td>39</td> <td>12</td> <td>84</td> <td>45</td> <td>38</td> </tr> <tr> <td>37</td> <td>39</td> <td>52</td> <td>38</td> <td>24</td> </tr> </table>
Довольно просто с помощью jquery по css селектору получить все td потом в них все tr и обойти циклом, в временную переменную записывать минимальное и максимальное значение, запомнит его расположение и потом после цикла подсветить
Вот сам разобрался. Может кому пригодится для быстрого образца. Добавим еще 2 стиля css max-price max-price Код (Text): $('table tr').each(function () { //Считываем таблицу построчно var arr_price = [] // Объявим массив $(this).find('.td').each(function () { //В каждой строке найдем ячейки с ценой arr_price.push( $(this).text() ); //Получим цену ячейки и запишем в массив }); var max = Math.max.apply(Array, arr_price); //Найдем максимальную цену var min = Math.min.apply(Array, arr_price); //Найдем минимальную цену $(this).find('.td:contains("' + max + '")').addClass("max-price"); //К максимальной цене добавим класс max-price $(this).find('.td:contains("' + min + '")').addClass("min-price"); //К минимальной цене добавим класс min-price });