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

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);
});