happy_Mikhail,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
td{
height: 35px;
background-color: hsl(328, 100%, 54%);
width: 200px;
}
.class2 td{
background-color: hsl(34, 44%, 69%);
}
.select td{
background-color: hsl(203, 92%, 75%);
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(function() {
$("table").on("click", ".class1", function() {
$(this).nextUntil(".class1").addClass("select");
})
});
</script>
</head>
<body>
<table>
<tr class="class1"><td></td></tr>
<tr class="class2"><td></td></tr>
<tr class="class2"><td></td></tr>
<tr class="class1"><td></td></tr>
<tr class="class1"><td></td></tr>
<tr class="class2"><td></td></tr>
<tr class="class2"><td></td></tr>
<tr class="class2"><td></td></tr>
<tr class="class1"><td></td></tr>
</table>
</body>
</html>