子要素（または後継要素）をコンテンツとして選択

Question

ツールチップでは、self.next()またはself.children()のようなものをdata-tooltip-contentとして使用できますか？

class="tooltip"の要素が名前付き要素を指している場合、その名前付き要素はツールチップの内容になります。クール。以下では、モデル番号がマウスオーバーしたときに機能の一覧が表示されます。

各コンテンツ要素に別々の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> 

または、後継者ではなく子供はどうですか？どちらか - あるいは何か同様の-う罰金、私は必要なものについて

<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> 

：ここに内容がtooltipスパン内の代わりに、それの後です。私はすべてのコンテンツ要素に名前を付けるのを避け、代わりに位置を使用してコンテンツを識別したいと考えています。

Answer 1

どの程度

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

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