javascript - 从工具提示中获取属性

Question

我正在使用 tooltipster 生成工具提示，但我想根据其所附加的元素的数据属性来设置工具提示。如何获取关联数据，以便设置图像 url，如下所示。这是我一直在尝试的:

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

我的 HTML 基本上是:

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

Answer 1

您的参数是 json，而不是功能 block ，因此您需要从那里取出 datainfo 行(它是 javascript，而不是 json)。也许这对你有用:

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

我想您想要设置许多在这种情况下显示图像的工具提示，让我们假设每个工具提示都有“test”类。

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