javascript - 使用 jQuery 切换文本

Question

如何在 li 开头（单击时）在“+”或“-”之间切换 .text()？它用于http://flatfilthy.se/dominic/最底部的扩展对象

$(function(){
   $(".vaccordian li.expander").on('click', function(){
      $(this).toggleClass('active').siblings().removeClass('active');
   });
});

Answer 1

您可以使用一些 CSS 来完成此操作，例如：

li.expander:before {
    content: '+';
}

li.expander.active:before {
    content: '-';
}

Answer 2

$(".vaccordian li.expander").on('click', function(){
    $(this).toggleClass('active').siblings().removeClass('active');
    $(this).text(function(oldtext) {
        var first = oldtext.substr(0, 1);
        return (first == "+" ? "-" : "+") + oldtext.substr(1);
    });
});