未捕获的类型错误：无法读取未定义的属性“removeClass”

Question

我的 jquery 代码有问题，我觉得解决方案很简单，但我就是不明白，它是一个简单的 .on click 函数，对一个具有类的元素但是当我点击该元素时给我这个错误“Uncaught TypeError: Cannot read property 'removeClass' of undefined”有人知道我在这里做错了什么吗？

$("body").on( "click", ".fa-caret-right", function(e) {
    e.trigger.removeClass("fa-caret-right");             // <--- right here
    e.trigger.addClass("fa-caret-down");
    e.trigger.parent().next().css("display", "block");
});
$("body").on( "click", ".fa-caret-down", function(e) {
    e.trigger.removeClass("fa-caret-down");             // <--- and probably here
    e.trigger.addClass("fa-caret-right");
    e.trigger.parent().next().css("display", "none");
});

提前致谢！

Answer 1

e 是 the Event object，它没有名为 trigger 的属性。由于trigger 不存在，所以不能对其调用函数。

你想在这里做什么？：

e.trigger.removeClass("fa-caret-right");

如果您想从调用处理程序的元素（被点击的元素）中删除该类，您可以使用 this 引用该元素：

$(this).removeClass("fa-caret-right");

或者，如果您想使用Event 对象，您可能正在寻找the target property：

e.target.removeClass("fa-caret-right");