Форум

Juslaines · #1 (**permalink**) 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 · #2 (**permalink**) 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>

рони · #3 (**permalink**) 21.04.2022, 16:48

Сообщение от Juslaines

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

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

Juslaines · #4 (**permalink**) 22.04.2022, 08:34

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

Форум

Справочник

Discord чат

Курсы javascript