javascript - 在tippy.js 中获取正确的“this”值

Question

当一个tippy.js 工具提示被触发时，我希望能够从中得到“this”。
我试过了：

tippy(".sampleID",{
    arrow:true,
    placement: "bottom",
  content(reference) {                            
    const title = reference.getAttribute('title'); 
    var tid=$(this).attr("id"); // is undefined
    return title;
  }
});

如何为悬停的类 .sampleID 获取“this”？

JSFiddle

Answer 1

您可以只使用reference提供的作为参数，它指的是当前元素匹配.sampleID。

在您的情况下，我认为您正在尝试访问包含您的id.

  tippy(".sampleID",{
    arrow:true,
    placement: "bottom",
    content(reference) {                              
      const title = reference.getAttribute('title');
      const tid = reference.parentElement.getAttribute('data-id');
      // jQuery: const tid = $(reference).parent().data('id');
      return title+"<br>"+tid;
    }
  });