Это простой способ сделать это. Надеюсь, что это помогает.
$('td').click((event) => {
const parentRow = $(event.target).parent();
parentRow.addClass('selected');
$('tr').not(parentRow).removeClass('selected');
})
body {
background-color: blue;
}
tr {
background-color: red;
cursor: pointer;
}
.selected {
background-color: yellow
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<body>
<table>
<tbody>
<tr>
<td>Call 1</td>
<td>Call 1</td>
<td>Call 1</td>
</tr>
<tr>
<td>Call 1</td>
<td>Call 1</td>
<td>Call 1</td>
</tr>
<tr>
<td>Call 1</td>
<td>Call 1</td>
<td>Call 1</td>
</tr>
</tbody>
</table>
</body>
</html>
Вы должны использовать forloop.last
. Например:
<ul>
{% for item in menu_items %}
<li{% if forloop.last %} class='last'{% endif %}>{{ item }}</li>
{% endfor %}
</ul>