Is there a way I can add a class to a row in an ng-repeat when a cell is hovered over?
如果我有这样的HTML:
1 2 3 4 5 6 7 | <div style="display: table-row; border-collapse: separate; border-spacing: 2px;" ng-class="{clicked: row.current == true}" ng-click="home.rowClicked($index)" ng-dblclick="ctrl.rowDoubleClicked(row)" ng-repeat="row in home.grid.data"> {{ row.abc }} {{ row.def }} |
当用户将鼠标悬停在两个div中的任何一个上时,是否有一种方法可以更改行的类?注意,我刚刚添加了内联CSS,这样人们就可以看到我使用的是display:table行。
我之所以要这样做,是因为当用户将鼠标悬停在一行中的一个单元格上时,我想更改该行中所有单元格的背景色。如果有其他方法可以做到这一点,那么我欢迎任何建议。
例如,可以通过jquery添加类。但在您的情况下,只需将表行添加到任何类中,例如
1 | .row:hover {backgroud-color: yellow;} |