Select children（或后继）元素作为内容

Question

在 Tooltipster 中，self.next() 或 self.children() 之类的东西可以用作 data-tooltip-content 吗？

如果带有 class="tooltip" 的元素指向命名元素，则该命名元素将成为工具提示的内容。凉爽的。下面，当型号为 moused-over 时，会弹出功能列表。

有没有一种方法可以在不为每个内容元素提供单独的 id 的情况下做到这一点？我可以告诉 Tooltipster 只使用下一个元素吗？

<style type="text/css">
    .tooltip-content {display:none}
    .tooltipster-base .tooltip-content {display:block}
</style>

<span class="tooltip" data-tooltip-content="#tc1">Model 2000X</span>
<ul class="tooltip-content" id="tc1"> 
    <li>Red</li>
    <li>Platinum</li>
    <li>32 cu in.</li>
</ul>

<span class="tooltip" data-tooltip-content="#tc2">Model 3000X</span>
<ul class="tooltip-content" id="tc2"> 
    <li>Blue</li>
    <li>Gold</li>
    <li>64 cu in.</li>
</ul>

或者， children 而不是继任者呢？这里的内容在 tooltip 范围内而不是在它之后：

<span class="tooltip" data-tooltip-content="#tc1">Model 2000X
   <ul class="tooltip-content" id="tc1"> 
       <li>Red</li>
       <li>Platinum</li>
       <li>32 cu in.</li>
   </ul>
</span>

对于我需要的东西，或者甚至是类似的东西都可以。我只是想避免命名所有内容元素，而是使用位置来标识内容。

Answer 1

怎么样

$('.tooltip').tooltipster({
  functionInit: function(instance, helper){
    instance.content($(helper.origin).next().detach());
  }
});

https://jsfiddle.net/5xqqmrt6/33/

Select children（或后继）元素作为内容

Select children (or successor) elements as content

jquery

tooltipster