在切换时更改锚标记内的文本？

Question

我有以下内容：

所以我现在就像这样切换ul.children：

$('a.expand-cat-item').on('click', function() {
  $(this).closest('li.cat-item').find('ul.children').toggle('slow');
});

现在，我还要将+号更改为a.expand-cat-item内的 - 符号（也可用作切换）。

如何实现这一目标？

Answer 1

您可以使用条件运算符? :来创建文本切换条件。

$('a.expand-cat-item').on('click', function() {
  $(this).closest('li.cat-item').find('ul.children').toggle('slow');
  $(this).text($(this).text() == "+" ? "-" : "+");
});

Answer 2

尝试

$('a.expand-cat-item').on('click', function() {
  $(this).closest('li.cat-item').find('ul.children').toggle('slow');
  if ($(this).text() == '+ '){
      $(this).text('- ');
  }
  else{
      $(this).text('+ ');
  }
});

Answer 3

使用此：

$('a.expand-cat-item').text("- ");

Answer 4

$('a.expand-cat-item').on('click', function() {
  var $this = $(this);
  $this.closest('li.cat-item').find('ul.children').toggle('slow');
   var html = '+';
   if($this.html().indexOf('+') > -1){
       html = '-';
   }
   $this.html(html);
});