Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Закрасить все строки в таблице при условии (https://javascript.ru/forum/jquery/83932-zakrasit-vse-stroki-v-tablice-pri-uslovii.html)

Juslaines 21.04.2022 16:08

Закрасить все строки в таблице при условии
 
Подскажите, пожалуйста, есть таблица и есть условие, что если в таблице встречается дата просроченная, то закрасить ячейку красным. Как можно сделать, чтобы закрашивалась вся строка, а не только ячейка

Код (но он раскрашивает только 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>

ksa 21.04.2022 16:29

Цитата:

Сообщение от Juslaines
если в таблице встречается дата просроченная, то закрасить ячейку красным. Как можно сделать, чтобы закрашивалась вся строка, а не только ячейка

Как вариант...
<!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>

рони 21.04.2022 16:48

Цитата:

Сообщение от Juslaines
но он раскрашивает только 1 строку подходящую по условию

id уникально!!!

Juslaines 22.04.2022 08:34

Благодарю за помощь! Получилось)


Часовой пояс GMT +3, время: 23:18.