jQuery Выбор детей для функции наведения НЕТ TAG - PullRequest
Новая
       7

jQuery Выбор детей для функции наведения НЕТ TAG

0 голосов
/ 02 января 2019

У меня есть вопрос относительно того, как установить функцию наведения для моей пользовательской кнопки «Вернуться вверх».Я перевожу свой веб-сайт с помощью translate.js, что означает, что мне очень часто требуются живые манипуляции с DOM, и так обстоит дело с этой проблемой.Я могу сделать это с помощью CSS, но интересуюсь jQuery из-за моей воли к расширению функциональности и анимации.У меня есть кнопка «Вернуться к началу», которая выглядит так:

backtotop

<a id='backtotop-button' href='#top' class='hvr-grow-rotate footerLink trn'>
</a>

У меня есть функция, которая устанавливает правильный текст в зависимости от языка идобавляет небольшую стрелку к началу. 

$('#backtotop-button').empty();
$('#backtotop-button').append(
    `${translator.get('Back to Top ')} <i id='footerLinks6' class='fa fa-arrow-up'></i>`
);

Моя проблема возникает при выделении этого текста, который не находится внутри тега, а также стрелки ....

Моя функция наведения:

$('#backtotop-button').children().hover(function() {
        $(this).css('background-color', '#33A2FB');
}, function() {
        $(this).css('background-color', '#FFF');
});

Я хочу, чтобы при наведении курсора текст и стрелка менялись на синий, но я получаю всю область ссылки (квадрат) синим цветом,

...