jquery - 尝试在ajax之后切换Class

Question

我试图在 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">

Answer 1

通过索引访问 jQuery 对象(例如 children()[0])会返回底层 Element 对象，而不是 jQuery 对象，因此 toggleClass() 未定义.

要解决此问题，您可以使用 jQuery 的方法而不是 [0]。在这种情况下，first() 或 eq(0) 都可以:

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