Как заменить текст в элементе по клику?

39
08 августа 2018, 03:20

Пробовал также вместо .html использовать .text. Не работает. Что я делаю не так?

$('.expand').click(function() { 
  var $this = $(this); 
  var text = $this.find('.expand_text').html(); 
 
  function textToggle() { 
    if ($(text) == 'expand') { 
      $(text).html('To curtail'); 
    } else { 
      $(text).html('expand'); 
    } 
  } 
  textToggle(); 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="comment_block"> 
  <div class="expand"> 
    <img class="expand_img" src="/image/expand.png" alt=""> 
    <span class="expand_text">expand</span> 
  </div> 
  <a href="#comment" class="btn_add btn_add-top js_modal"> 
    <span class="com_add">Add Comments</span> 
    <span class="icon icon_add">+</span> 
  </a> 
</div>

Answer 1

Методы html и text нужно вызывать для самого элемента .expand_text, а не для его внутреннего html-a:

$(".expand").on("click", function() { 
  var $text = $(this).find(".expand_text"); 
  $text.text($text.text() == "expand" ? "To curtail" : "expand"); 
});
<div class="expand"> 
  <img class="expand_img" src="/image/expand.png" alt="" /> 
  <span class="expand_text">expand</span> 
</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 2

Нельзя в JavaScript ставить знак $ перед переменной и использовать зарезервированное слово this для обозначения переменной, так что var $this неверный синтаксис

READ ALSO
В чем разница между jQurey событиями focusin и focus

В чем разница между jQurey событиями focusin и focus

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

22
Заменить строку по классу

Заменить строку по классу

В прогресс баре динамично набирается процент (анимация)

24
Разобраться в работе класса C#

Разобраться в работе класса C#

Нашел C# класс, для работы с SQLite3 DBНе могу понять, как сформировать запрос,который получит нужные данные из таблицы DB

30
Отключить масштабирование приложения

Отключить масштабирование приложения

Подскажите пожалуйста как в c# wpf vs2010 отключить масштабирование окон и всех элементов в зависимости от изменения размера экранаТ

33