Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.07.2018, 16:57
Интересующийся
Отправить личное сообщение для exosteal Посмотреть профиль Найти все сообщения от exosteal
 
Регистрация: 06.05.2017
Сообщений: 16

одинаковые классы js
Добрый день. Есть множество картинок с одним классом crypt_img, при ховере на которые нужно чтобы показался соответствующий ему блок с классом crypt_text, которых тоже имеется несколько, как это реализовывается в js. Видел пару раз, что с помощью val(), eq() и attr(), но знаний очень мало, чтобы реализовать это и написать код
Ответить с цитированием
  #2 (permalink)  
Старый 23.07.2018, 17:07
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style>
	.crypt_text{
		display: none;
	}
</style>
<img src="" alt="1" class="crypt_img">
<img src="" alt="2" class="crypt_img">
<img src="" alt="3" class="crypt_img">

<div class="crypt_text">1</div>
<div class="crypt_text">2</div>
<div class="crypt_text">3</div>
<script>
$('.crypt_img').hover(function(){
	$('.crypt_text').hide().eq($(this).index()).show();
}, function() {
    $('.crypt_text').hide();
  });
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Диалог между HTML и внешним JS в контексте расширения GoogleChrome ev1lart Events/DOM/Window 0 26.04.2017 19:25
BackEnd/FrontEnd Developer (Native JS) Abab Работа 0 25.12.2016 10:56
js стиль render для react.js vflash Ваши сайты и скрипты 5 01.04.2016 22:57
Вакансия JavaScript разработчик / JS / Frontend developer (Санкт-Петербург) Сергей Грачёв Работа 0 21.09.2015 12:31
Картинка обрабатывается js 4yBaK Общие вопросы Javascript 10 11.09.2011 09:28