appendTo() JQuery, как с ним взаимодействовать?

Question

Сделал вывод новых сообщений в JQuery при клике на кнопку посредством команды appendTo(). То есть при клике "отправить сообщение" на странице появляется новый блок с сообщением. Дело в том, что я не могу с ним взаимодействовать в js.

Например:

Блок "block__msg" должен выводиться при клике на кнопку "btn_send_msg"

$(".btn_send_msg").click(function() {
  $("<div class='block__msg'><div class='section__header'><h3 class='title'>Никнейм</h3></div><div class='section__content'><p>Текст сообщения...</p></div></div>").appendTo(".section__messages");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="section__messages">
  <div class='block__msg'>
    <div class='section__header'>
      <h3 class='title'>Никнейм</h3>
    </div>
    <div class="section__content">
      <p>Текст сообщения...</p>
    </div>
  </div>
</div>

И этот блок выводится, но сделать с ним на стороне js ничего нельзя, например изменить текст в этом новом блоке нельзя и тд.

Я надеюсь объяснил понятно.

БЛОГ НА HUSL

appendTo() JQuery, как с ним взаимодействовать?

Ответы (0 шт):