在这种情况下，关键字 this 指的是什么？

Question

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

我想删除所有类，然后将项目添加到所有类，然后获取锚标记的文本内容，并将该锚标记的属性设置为一个以 textContent 作为其名称的类。

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

谁能告诉我怎么做，顺便说一下，我对javascript中的apply调用和绑定有一些了解

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); 应该可以解决问题。