turbinikarpus
@turbinikarpus

Как при наведении на блок изменить текст у вышестоящего блока?

Как при наведении mouseover мышки на блок .pictures__another брать из этого блока текст и подставлять в блок.picture__text, а после mouseleave возвращать исходный текст?

<div class="picture__text">Картина <span>- белая</span></div>

<div class="pictures__another">Черная</div>
<div class="pictures__another">с яблоками</div>
<div class="pictures__another">космическая</div>
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
const $block = $('.picture__text');
const text = $block.text();
const itemSelector = '.pictures__another';

$(document).on('mouseover mouseout', itemSelector, function(e) {
  $block.text(e.type === 'mouseout' ? text : $(this).text());
});

// или

$(itemSelector).hover(
  e => $block.text($(e.currentTarget).text()),
  () => $block.text(text)
);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы