Javascript 如何更改toggleClass中的最后一个位置

我尝试使用JQuery toggleClass构建一些项目。我想让位置切换跟随一些最后的记录数据。 这是我的HTML

<div class="action-lock">
  <div class="toggle-pane">
    <div class='unique' id='switch'>
      <div class='toggle-text-off'>Unlocked</div>
      <div class='glow-comp'></div>
      <div class='toggle-button'></div>
      <div class='toggle-text-on'>Locked</div>
    </div>
  </div>
</div>

---

我尝试过，但切换位置总是在

锁定

，我不知道如何从数据

$scope.last

切换位置。请帮我解决这个问题。谢谢

你的问题不清楚，但这是我根据你的解释猜出来的

$('.unique').click(function (e) {
   e.preventDefault(); 
   $(this).toggleClass('toggle-on').toggleClass('toggle-off');

});

和html

<div class="action-lock">
  <div class="toggle-pane">
    <div class='unique toggle-on' id='switch'>
      <div class='toggle-text-off'>Unlocked</div>
      <div class='glow-comp'></div>
      <div class='toggle-button'></div>
      <div class='toggle-text-on'>Locked</div>
    </div>
  </div>
</div>

解锁
锁定

var-app=angular.module（“app”，[]）；
app.controller（'controllerName'，['$scope'，函数（$scope）{
$scope.last=“a”；
$scope.toggleclick=function（）{
如果（$scope.last==“a”）{
$（“.toggle text on”）.toggleClass（'toggle-off'）；
$（“.toggle text off”）.toggleClass（'toggle-on'）；
$scope.last=“b”；
}否则{
$（“.toggle text on”）.toggleClass（'toggle-on'）；
$（“.toggle text off”）.toggleClass（'toggle-off'）；
$scope.last=“a”；
}
};
}]);
.toggle on、.toggle text off.toggle on{display:block；}
.toggle off、.toggle text off{display:none；}

解锁
锁定

var-app=angular.module（“app”，[]）；
app.controller（'controllerName'，['$scope'，函数（$scope）{
$scope.last=“”
$scope.toggleclick=函数（最后一个）{
调试器；
如果（last==“a”）{
$（“.toggle text on”）.toggleClass（'toggle-on'）；
$（“.toggle text off”）.toggleClass（'toggle-off'）；
}否则如果（最后一个！=“a”）{
$（“.toggle text on”）.toggleClass（'toggle-off'）；
$（“.toggle text off”）.toggleClass（'toggle-on'）；
}
};
}]);
.toggle text off.toggle on.toggle text on.toggle on{display:block；}
.toggle text off、.toggle text on{display:none；}
.maginbt10{页边距底部：10px}

解锁
锁定
我的问题是我想在切换中定位一些数据，比如如果a->toggle打开，如果不是a->toggle-off@RizkaNugroho默认状态是什么？就像我的代码中的默认状态一样，我只想让位置切换跟随$scope。last@kindly更新工作代码。@Dharani您的意思是什么？您必须在哪里切换Class$（“.unique”）或将文本切换为唯一，但将位置切换为打开或关闭切换文本如果有疑问，请检查我的答案。如果我更改$scope，请告知我。last=“b”结果始终锁定。如果打开代码段时$scope.last=“a”->已锁定或$scope.last=“b”或其他->解除锁定仍处于锁定状态，如果未单击就运行$scope.last=“a”->已锁定或$scope.last=“b”或其他->解除锁定，则需要执行代码段位置切换。也许是我的问题unclear@Rizka努格罗霍检查这个答案
<div class="action-lock">
  <div class="toggle-pane">
    <div class='unique toggle-on' id='switch'>
      <div class='toggle-text-off'>Unlocked</div>
      <div class='glow-comp'></div>
      <div class='toggle-button'></div>
      <div class='toggle-text-on'>Locked</div>
    </div>
  </div>
</div>