Показать сообщение отдельно
  #1 (permalink)  
Старый 03.07.2021, 18:43
Новичок на форуме
Отправить личное сообщение для Alex83 Посмотреть профиль Найти все сообщения от Alex83
 
Регистрация: 02.07.2021
Сообщений: 5

Возврат к исходному состоянию после метода hover ()
Доброго времени суток!
Есть button с текстом внутри, идея чтобы при наведении курсора на button менялся текст на другой, реализовал следующим образом:

//HTML
<html>
<button class ="but"> текст<br> <span>выделенный текст</span>
</button>
</html>

//JQuery
<script>
$( document ).ready(function(){
$( ".but" ).hover(function(){ // задаем функцию при наведении курсора на элемент
$(this).text("подменный текст"); // задаем текстовое содержимое
}
});
</script>
все работает, но вот как сделать возврат текста к исходному не понимаю, добавление вторым аргументом function(){
$(this).text("первоначальный текст"); } не вариант, так как в первоначальном тексте кнопки имеется <span>

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

Последний раз редактировалось Alex83, 03.07.2021 в 20:47.
Ответить с цитированием