如何獲得所有孩子的每個父母的position（）

Question

嗨，我需要獲取每個父元素都具有“數據分支”屬性的所有元素的位置-.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>

我無法使用offset（），因為頁面上還有其他元素發生了變化，例如expander等。我必須僅按.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位置如何？

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

在result jquery ui更改位置data-branch =“ 2”相對於.component的更改位置：/但我需要獲取坐標。.如何使用位置UI來獲取頂部和左側？