在 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;
  }
});

如何获得悬停在 class .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;
    }
  });

在 tippy.js 中获取正确的 'this' 值

Getting proper 'this' value in tippy.js

javascript

tippyjs