Почему не работает if else с .text?

Question

[Evtera]

Функция срабатывает только один раз, но вот блок с else уже не работает. В чем проблема?

$(".column__continue-read").click(() => {
  if ($(event.target).text("Continue reading")) {
    $(event.target).text("Close");
  } else {
    $(event.target).text("Сontinue reading");
  }
});

Answer 1

[Тигран Абрамян]

Вы event не передаете.
$(".column__continue-read").click((event) => {

Comments

[Evtera]

честно говоря, никогда его не передавал :D. Попробовал вставить, всё равно не работает :(

[Тигран Абрамян]

Evtera, html скиньте и конкретно опишите чего надо

[Evtera]

<article class="column news__column">
              <div class="column__image ibg">
                <img src="img/7.news/4.jpg" alt="photo topic" />
              </div>
              <div class="column__content">
                <h5 class="column__topic">Training Equipments</h5>
                <h4 class="column__news-title">
                  Liftings things do make a difference
                </h4>
                <p class="text">
                  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                  Aenean ornare ut dui sed facilisis. Aliquam eu nunc orci.
                  Aliquam eleifend in lorem nec mollis.
                </p>
                <button href="" class="column__continue-read">
                  Continue reading
                </button>
                <div class="text column__info">
                  <p class="column__author"><span> 3d |</span>Marry Poppins</p>
                  <p class="text column__likes">39</p>
                </div>
              </div>
            </article>

При нажатии на Button с классом column__continue-read текст должен меняться с Сontinue reading на Close. При повторном нажатии всё должно возвращаться обратно. В коде Jquery, который выше, код меняет на close, но при повторном нажатии ничего не происходит

[Тигран Абрамян]

Evtera, ну так не стоит проверять .text("Continue reading")
вот так сработает

$(".column__continue-read").click(function() {
  if ($(this).text() === "Continue reading") {
    $(this).text("Close");
  } else {
    $(this).text("Continue reading");
  }
});

[Evtera]

Действительно, всё заработало, но только почему-то скрипт начинает работать после двух циклов ( один раз нажимаю, ничего не происходит с текстом, еще раз нажимаю, тогда он меняется ). С чем это может быть связано?

[Тигран Абрамян]

Evtera, Как бы странно не звучало, но это происходит из-за того что ваша кнопка выглядит так.

<button href="" class="column__continue-read">
  Continue reading
 </button>

Поменяйте и с пергово клика сработает.

<button href="" class="column__continue-read">Continue reading</button>

[Evtera]

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

[Тигран Абрамян]

Evtera, Если честно сам не знаю где почитать, это не известная и не большая проблема, по этому трудно найти что почитать, с опытом приходит понимание.

[Evtera]

TAbrahamyan, понял, спасибо

Answer 2

[Rsa97]

if ($(event.target).text("Continue reading")) {
Здесь вы не проверяете текст на кнопке, а устанавливаете его. Проверка будет выглядеть как

if ($(event.target).text() == "Continue reading") {

Comments

[Evtera]

Действительно, всё заработало, но только почему-то скрипт начинает работать после двух циклов ( один раз нажимаю, ничего не происходит с текстом, еще раз нажимаю, тогда он меняется ). С чем это может быть связано?