Есть несколько строк <tr>
:
<tr class="list">
<td class="buy">0/10</td>
<td>
<a class="buy-button">Купить</a>
</td>
</tr>
Нужно чтобы по умолчанию подсвечивалась только первая (класс buyButtonSelected
) строка, а при наведении на любую из строк - подсветка оставалась только у той, на которую навели в последний раз, при этом у всех остальных подсветку нужно убрать.
На jQuery это выглядело бы приблизительно так:
$(document).ready(function() {
$('#content1 tr.list:nth-of-type(1) .buy-button').addClass('buyButtonSelected');
$('#content1 tr.list').hover(function() {
$('#content1 tr.list').removeClass('buyButtonSelected');
$(this).addClass('buyButtonSelected');
});
});
Проект написан на AngularJS и возможности использовать jQuery нет.
Есть ли подобный функционал в AngularJS? Как это реализовать?