У меня есть форма, мне нужно переместить мышь, чтобы изменить цвет - PullRequest
Новая
       0

У меня есть форма, мне нужно переместить мышь, чтобы изменить цвет

0 голосов
/ 08 апреля 2020

Извините, у меня нет работы в этом разделе. Вот таблица. Мне нужно изменить цвет предыдущей таблицы 

$(".tab").hover(function() {
  $(this).css("background-color", "yellow");
  $(this).prev().css("background-color", "yellow");
}, function() {
  $(this).css("background-color", "#ffffff");
  $(this).prev().css("background-color", "#ffffff");
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table width="300" border="1">
  <tr>
    <td>one</td>
    <td>two</td>
  </tr>
  <tr class="tab">
    <td>one</td>
    <td>two</td>
  </tr>
</table>

1 Ответ

1 голос
/ 08 апреля 2020

Если вы хотите дать уникальный в каждой ячейке, то вы проверите это: - 

<html>
<head>
</head>
<style>
    .upperCell:hover {
        background-color: red;
    }
    .lowerCell:hover {
        background-color: yellow;
    }
</style>
<body>
<table width="300" border="1">

  <tr>

    <td class="upperCell">one</td>

    <td class="upperCell">two</td>
  </tr>

  <tr class="tab">

    <td class="lowerCell">one</td>

    <td class="lowerCell">two</td>
  </tr>
</table>

</body>
</html>

Если вы хотите, чтобы один и тот же цвет отображался в каждом ряду, проверьте это: - 

<html>
<head>
</head>
<style>
    .upperCell:hover {
        background-color: red;
    }
    .lowerCell:hover {
        background-color: yellow;
    }
</style>
<body>
<table width="300" border="1">

  <tr class="upperCell">

    <td>one</td>

    <td>two</td>
  </tr>

  <tr class="tab lowerCell">

    <td >one</td>

    <td>two</td>
  </tr>
</table>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...