更改切換的錨標記內的文本？

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').text("- "); 

Answer 3

嘗試

$('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 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); 
});