私は親ごとの「データ・ブランチを」属性を持つすべての要素の位置を取得する必要があり、すべての子

Question

のHiの親あたりの位置を（）を取得する方法 - .components

<div class="component"> 
    <ul class="component--list"> 
    <li data-branch="1"><p>item<p></li> 
    <li><p>item<p></li> 
    <li> 
     <p>item<p> 
     <ul class="component--list"> 
     <li><p>item<p></li> 
     <li data-branch="2"><p>item<p></li> 
     </ul> 
    </li> 
    <li><p>item<p></li> 
    <li><p>item<p></li> 
    </ul> 
</div> 

私はオフセットを使用することはできません（私は、膨張などのように絶頂に変化してページ上の別の要素を持っているので）私は.componentsあたりの位置を取得する必要があります

$('[data-branch="'+ branch.attribute +'"]').each(function(){ 
       var position = $(this).position(); 
       console.log("Top: " + position.top + " Left: " + position.left); 
      }); 

結果：

Top: 594.515625 Left: 90 
Top: 155.625 Left: 90 

上：155.625左：90のためにpositionを取得する.componentに相対的な位置を取得する--component：/

Answer 1

jQuery UIの位置はどうですか？ .componentにresutのjqueryのUI変更位置データ分岐=「2」変更の位置に

$('[data-branch="2"]').position({of: '.component'}) 

：/しかし、私はトップと左を取得する位置のUIを使用する方法.. COORDSを取得する必要がありますか？