Закрасить все строки в таблице при условии
Подскажите, пожалуйста, есть таблица и есть условие, что если в таблице встречается дата просроченная, то закрасить ячейку красным. Как можно сделать, чтобы закрашивалась вся строка, а не только ячейка
Код (но он раскрашивает только 1 строку подходящую по условию, а как закрасить остальные согласно условию?) : $('tr').each(function (){ $(this).find('td').each(function(){ if ($('#red').length > 0){ $('#red').parent('tr').addClass('red'); return false; } }); }); <table> <tr> <td>1</td> <td>2</td> <td>3</td> //если условию соблюдается, то <td id="red" style="backgroud:red;">3</td> </tr> </table> |
Цитата:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="https://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <!-- --> <style> .on { color: red; } </style> <script> $(_ => { $('.red').each(function(){ $(this).parent().addClass('on') }) }) </script> </head> <body> <table> <tr> <td>1</td> <td>2</td> <td>3</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td class="red">3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td class="red">3</td> </tr> </table> </body> </html> |
Цитата:
|
Благодарю за помощь! Получилось)
|
Часовой пояс GMT +3, время: 23:18. |