1

Возможно ли реализовать изменение текста у одного блока, при клике на див. Блоки не имеют зависимостей друг с другом? Если это возможно, был бы благодарен увидеть реализацию. Заранее спасибо!

2 ответа 2

3

Самый простой вариант:

$('.block1').on('click', function() {
  $('.block2').html('Текст после изменения'); // либо .text()
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="block1">Кликни меня</div>
<div class="block2">Текст до изменения</div>

1
  • А как сделать так чтобы по повторному клику текст менялся к исходному? 8 мая 2020 в 14:20
1

Мой вариант на нативном JavaScript, не сложнее он варианта с jQuery.

document.querySelector('.block-1').addEventListener('click', function() {
  document.querySelector('.block-2').innerHTML = 'Новый текст!';
})
<div class="block-1">Кликни меня!</div>
<div class="block-2">Старый текст</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.