Question

嘿，我是Jquery的新手，想知道当我点击一个文本（如下拉菜单）时如何在减号和加号字形之间切换。

代码是：

    <div id="AgeCalc">
        <h1>Age Calculator</h1>
        <div ng-app="MyModuleA" ng-controller="MyControllerA">
            {{name}}
        </div>
    </div>

    <div id="Currency Converter">
        <h1>Currncy Converter</h1>
        <div ng-app="MyModuleB" ng-controller="MyControllerB">
            {{name}}
        </div>
    </div>

    var moduleA = angular.module("MyModuleA", []); 
moduleA.controller("MyControllerA", function($scope) { $scope.name = "Azhar"; });

var moduleB = angular.module("MyModuleB", []);
moduleB.controller("MyControllerB", function($scope) { $scope.name = "Khan";});
 angular.element(document).ready(function() {
      angular.bootstrap(document, ['MyModuleA','MyModuleB']);
    });

在html中，glyphicon-plus已经开启，而减号则没有。当我按下文本时，这应该在加号和减号之间切换，但是加号消失然后在一次点击后重新出现..有人可以帮助我吗？

以下是HTML的摘录：

var main = function() {
  $('.day').click(function() {
    $(this).next().toggle();
    $('.weekday').find("span").toggle(function(){
      $(".glyphicon-plus").toggle();
      $(".glyphicon-minus").toggle();
    });
  });
};

$(document).ready(main);

我想切换

Answer 1

$(this).find('i:first').toggleClass('glyphicon-plus glyphicon-minus');

SAMPLE FIDDLE

如何在glyphicon类之间切换

1 个答案: