Javascript 如何为所有子级的每个父级获取position（）

嗨，我需要得到所有元素的位置，每个父元素都有属性“数据分支”

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

$('[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://

那么jQuery UI位置呢

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

---

在resut jquery ui change position data branch=“2”中，相对于.component:/的更改位置，但我需要获取坐标。。如何使用position UI获得顶部和左侧？

“我需要”很酷。到目前为止你试过什么？相对于什么的位置？父元素、文档、窗口…仅相对于。组件

位置

返回相对于偏移父元素（即位置不同于默认静态的最近祖先元素）的结果。因此，如果需要获取相对于在向下到目标元素的过程中具有偏移父元素的元素的位置，然后你需要把这些不同的偏移量加起来。（或者获取两者相对于文档的位置，然后处理差异。）首先使用.position（）获取.component--list的坐标，然后再次使用.position（）获取数据分支位置并将值相加。