Question

嘿大家我试图在使用jquery事件委托方法点击的目标元素中添加一个类，但是＆＃39; $（this.element）＆＃39;未定义。这是为什么？谢谢你们！

  tabWrapper.on('click', '.services-tabs', function(event) {
    $('.services-tabs').removeClass('selected');
    $(this.element).addClass('selected');
    console.log(this.element);
  });

Answer 1

jQuery API文档中的

Reference for .on()说：

当jQuery调用处理程序时，this关键字是对该处理程序的引用事件交付的元素;对于直接绑定的事件这是附加事件和委托事件的元素事件这是一个匹配selector的元素。（请注意，这可能不是如果事件来自后代，则等于event.target element。）从元素创建一个jQuery对象，以便它可以与jQuery方法一起使用时，请使用$( this )。

当然，没有什么可以阻止你执行$(this.element)但除非this有一个名为element的属性恰好是一个DOM节点（或带有HTML的字符串），否则它将无效）。

Answer 2

我认为它应该是$（this）而不是你在这里所拥有的：

$(this.element)

试试这个：

tabWrapper.on('click', '.services-tabs', function(event) {
    $('.services-tabs').removeClass('selected');
    $(this).addClass('selected');
    console.log(this.element);
  });

编辑：我看到@RoryMcCrossan的评论已经回答了这个问题。

$（this.element）未定义，不明白为什么

2 个答案: