Javascript toggleClass不添加回类

所以基本上我想做的是一个简单的toggleClass，当一个复选框被点击时，但问题是它删除了这个类，但没有添加回这个类

下面是一个示例代码：

$('#task-checkbox').click(function() {
   $(".dependent-task").toggleClass("dependent-task");
});

完整代码如下/jsfiddle:

我不确定这里有什么问题

• 斯坦利
简单。这条线

$(".dependent-task").toggleClass("dependent-task");

从元素中删除类“依赖任务”。因此，下次单击复选框时，$（'.dependent task'）是一个空的jQuery对象。为了避免这种情况，请在页面加载后存储对jQuery对象的引用：

var $dependentTask = $(".dependent-task");
$('#task-checkbox').click(function() {
   $dependentTask.toggleClass("dependent-task");
});

---

Oscar Paz解决方案会很好。如果不想保留对元素的引用，可以定义一个不同的类来进行颜色更改。请参见此
HTML:

<span class="dependent-task outstanding-task">
            Write 15 press release articles
</span>

jQuery：

$(".dependent-task").toggleClass("outstanding-task");

---

谢谢，奥斯卡和詹姆斯。它现在工作得很好。

$(".dependent-task").toggleClass("outstanding-task");