JavaScript - Как я могу изменить цвет фона на всех TD в TR одновременно на Mouseover / Mouseout?

Question

Когда я mouseover один TD в ряду, я хочу, чтобы все TD одновременно изменили цвет фона, затем включите mouseout.

Как мне это сделать?

Answer 1

$ (селектор) .mouseenter (handlerIn) .mouseleave (handlerOut);

Вы можете использовать код, подобный этому:

HTML

<table>
    <tr>
        <td>cell1,1</td>
        <td>cell1,2</td>
        <td>cell1,3</td>
    </tr>
        <tr>
        <td>cell2,1</td>
        <td>cell2,2</td>
        <td>cell2,3</td>
    </tr>
</table>

Таблица стилей

.hover {
    background-color: silver; 
}

JavaScript

$("td").hover(
  function () {
    $(this).parent("tr").addClass("hover");
  },
  function () {
    $(this).parent("tr").removeClass("hover");
  }
);

Класс .hover, очевидно, может быть стилизован так, как вам нравится.

С уважением и счастливого кодирования!