Javascript 从工具提示获取属性

我正在使用

tooltipster

生成工具提示，但我想基于它所附加到的元素的数据属性设置工具提示。如何获取相关数据，以便设置图像url，如下所示。这就是我一直在尝试的：

$(".test").tooltipster({
  var datainfo = $(this).data("info");
  content: $('<div class="desc"><img src="img/'+datainfo+'.jpg"/></div>')
});

$（“.test”）.tooltipster({
var datainfo=$（this.data（“info”）；
内容：$（''）
});

我的HTML基本上是：

<div class="test tooltip" data-info="AAA">Testing</div>

测试

您的参数是json，而不是一个函数块，因此您需要将数据信息行从中取出（它是javascript，而不是json）。也许这对你有用：

var datainfo = $(".test").data("info");
$(".test").tooltipster({
  content: $('<div class="desc"><img src="img/'+datainfo+'.jpg"/></div>')
});

var-datainfo=$（“.test”）.data（“info”）；
$（“.test”）.tooltipster({
内容：$（''）
});

我假设您想要设置一些显示图像的工具提示，在本例中，让我们假设每个工具提示都有类“test”

$（“.test”）。每个（函数（）{
$（此）.tooltipster({
内容：$（''）
});
});

您的插件可能无法以这种方式工作。您将在插件中传递几行代码，而不是键、值对选项。 如果您想要

数据信息

值，简单的解决方案是绑定mouseover事件，然后获取该属性值

示例：

$(".test").on("mouseover",function(){
    var datainfo = $(this).attr("data-info");
});

---

注意：如果插件删除了数据属性，那么您可能需要使用另一个属性来获取图像的src。

您可以在这里尝试一个小技巧

添加要在其上显示工具提示的类名

tooltipShow

[或任何内容]。使用该类在元素上捕获

悬停

，如下所示：

$('.tooltipShow').on('hover',function(){
    $(this).tooltipster({
         content: $('<div class="desc"><img src="img/'+$(this).data('info')+'.jpg"/></div>')
    });
});

$（'.tooltipShow'）。在（'hover'，function（）上{
$（此）.tooltipster({
内容：$（''）
});
});

我尝试了您的第二种解决方案，但未定义值

$（此）

指的是什么？（在您使用tooltipster的答案中）@jcunod指的是

.test

，但有人已经回答了一个很好的解决方案不，不是这样，这就是这个解决方案的问题所在。作用域不是

$（“.test”）

（这就是您未定义的原因）。@jcunod是的，没有注意到插件结构。看看插件。是的！！！谢谢你！！！这就是我想要的！谢谢你的第二个解决方案！

$('.tooltipShow').on('hover',function(){
    $(this).tooltipster({
         content: $('<div class="desc"><img src="img/'+$(this).data('info')+'.jpg"/></div>')
    });
});