Как очистить модальное окно js? почему выводит одно и тоже?

Question

[smoky-jo]

здравствуйте, подскажите пожалуйста почему при вызове модального окна выводится одно и та же запись, хотя если смотреть в консоле в каждой записи установлен разный текст

Вкратце есть кнопка

<!-- Button -->
<div class="page-wrapper__u">
<a class="btn__u trigger__u" href="#">Читать</a>
</div>

нажимаем на нее и появляется модальное окно

<!-- Modal -->
<div class="modal-wrapper__u">
<div class="modal__u">
  <div class="head__u">
    <a class="btn-close__u trigger__u" href="#">
      <i class="fa fa-times" aria-hidden="true"></i>
    </a>
  </div>
  <div class="content__u">
      <div class="good-job__u">
        <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
        <h1>заголовок</h1>
        <p>описание</p>
      </div>
  </div>
  <div class="center">
    <a class="djd__Ond" href="{$details_url}">Читать далее</a>
    </div>
</div>
</div>

все это естественно цикл, но проблема не в нем, в разметке в браузере заголовок и описание подставляются корректно, а при нажатии на кнопку выводится одна и та же запись произвольная.. я не понимаю в чем проблема, подскажите пожалуйста

<script>
  $( document ).ready(function() {
    $('.trigger__u').on('click', function() {
       $('.modal-wrapper__u').toggleClass('open__u');
      $('.page-wrapper__u').toggleClass('blur-it__u');
       return false;
    });
  });
  </script>

Answer 1

[xmoonlight]

Вместо $('.modal-wrapper__u')
навигируйтесь через $(this)

Comments

[smoky-jo]

xmoonlight , вы не подскажете как это написать правильно, чтобы без ошибок было и заработало? я js особо не знаю. Вместо $('.modal-wrapper__u')ставил $(this) - скрипт не работает вообще..