Возврат к исходному состоянию после метода 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.
|