尝试在ajax之后切换类

2024-05-06 • 问答

我试图在ajax调用后在2个类之间切换，但出现此错误：

TypeError: toggleButton.children(...)[0].toggleclass is not a function

这是我的代码

console.log(toggleButton.children()['0']);
toggleButton.children()['0'].toggleclass('fa-check fa-times');

这是我试图切换其在控制台中显示方式的元素

<i class="fas fa-times" style="color:red">

通过索引访问jQuery对象（例如children()[0]）会返回基础Element对象，而不是jQuery对象，因此toggleClass()是未定义的。

要解决此问题，您可以使用jQuery的方法代替[0]。在这种情况下，first()或eq(0)都可以工作：

toggleButton.children().first().toggleClass('fa-check fa-times');