jquery - 在 jQuery `this` 事件处理程序的数据参数中访问 `on`

Question

我正在开发一个项目，该项目使用 jQuery 的 on 事件处理程序来引发单击事件。我正在使用事件处理程序来处理结果并向其传递一些数据，但我需要在数据设置中访问 this。是否可以获得对单击的元素的引用？

$listOfLinks = $('body a');
$listOfLinks.on('click', {
    'element': this.classList.contains('btn') ? 'Button!' : 'Link?',
    'text': this.innerText
}, stuffEventHandler );

jQuery docs for on Event Handler

Answer 1

您可以将函数作为数据发送。例如代替

'element': this.classList.contains('btn') ? 'Button!' : 'Link?'

你会传递类似的东西:

'findElement': function(context){
  return context.classList.contains('btn') ? 'Button!' : 'Link?'
}

然后从您的处理程序中使用此 findElement(this)

调用它