Question

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

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

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

有人能告诉我怎么做这个，我有一些应用调用的知识，并在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);应该可以解决问题。

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

1 个答案: