javascript - 在此上下文中，关键字 this 指的是什么？

Question

我正在为一个项目使用 jQuery 和语义 UI，但我对第二个 this 所指的内容感到困惑。这第二个指的是什么？顺便说一句，我是 jQuery 的新手。我希望第二个 this 引用 #sideBar a 但每次我尝试添加类时它都不起作用，

我想删除所有类，然后向所有类添加项目，然后获取 anchor 标记的文本内容，并使用名称为 textContent 的类设置该 anchor 标记的属性。

$('#sideBar a').on('click', function(){
    $('#sideBar a').removeClass().addClass("item");
    var addC = ($(this).text());
    $(this).addClass(addC);
});

谁能告诉我如何做到这一点，顺便说一句，我对 apply call 和 bind 在 javascript 中有一些了解

Answer 1

this 内部和带有非箭头函数的事件监听器将成为您的事件目标:

$('#sideBar a').on('click', function (event) {
    // next line removes all classes from all anchor elements that are children of #sideBar then adds the class item to each of them
    $('#sideBar a').removeClass().addClass("item");
    // sets addC to whatever the event target's text is
    var addC = ($(this).text());
    // adds the text stored in addC as a class to the event target
    $(this).addClass(addC);

    console.log(this === event.target); // logs true

});

编辑:我刚刚意识到我没有回答你的问题:

$(this).parents('#sideBar').first().addClass(addC); 而不是 $(this).addClass(addC); 应该可以解决问题。