Закрасить все строки в таблице при условии
Подскажите, пожалуйста, есть таблица и есть условие, что если в таблице встречается дата просроченная, то закрасить ячейку красным. Как можно сделать, чтобы закрашивалась вся строка, а не только ячейка
Код (но он раскрашивает только 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, время: 08:30. |