Удалить стиль наведения?

Question

У меня есть таблица и стиль, подобный этому:

.highlightrows tbody tr:hover {
  background-color: #aaaaff;
 }

Затем у меня есть обработчик кликов в этой строке, чтобы удалить строку из таблицы и добавить ее в другую таблицу.Когда я щелкаю мышью, я, конечно, наводю курсор на строку, и для этого применяется стиль.Моя проблема в том, что когда я добавляю его в другую таблицу, стиль наведения не удаляется.Как я могу удалить стиль в jQuery?

Редактировать: я сделал jsFiddle, чтобы описать мою проблему. скрипка

Answer 1

у вас есть две таблицы ... почему бы не сделать это таким образом ??

#table1.highlightrows tbody tr:hover {
  background-color: #aaaaff;
}

#table2.highlightrows tbody tr:hover {
  background: none;
}

Answer 2

Я только что столкнулся с этой проблемой.

У меня был стиль: hover в моем CSS, и во время работы Java-скрипта я не хотел, чтобы: hover был в силе. Я не смог найти способ удалить класс, поэтому решил перезаписать класс, добавив новый класс с моими новыми атрибутами в заголовок.

CSS

.myStyle:hover {
    display: block; background: #efefef;
}

JavaScript

$("head").append("
    <style type='text/css'>
        .myStyle:hover { display: none; background: #ff0000; }
    </style>);

надеюсь, что это поможет

Answer 3

Ха, это похоже на ошибку в браузере, так как вы больше не зависаете над элементом.

В любом случае, вы можете попробовать

$(this).css("background-color", "transparent");

Или установить цвет по умолчанию, после перемещения.

: hover - это не стиль, и AFAIK вы не можете удалить его из элемента - это может сделать только браузер. Единственное, что вы можете сделать, это применить стиль по умолчанию к фактическому элементу