如何获得所有孩子的父母的位置()

时间:2016-10-25 10:44:04

标签: javascript position

嗨我需要获得具有属性" data-branch"的所有元素的位置。每个父母 - .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(),因为我在页面上有另一个元素,像膨胀器等一样改变高度。我必须只按每个.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:/

1 个答案:

答案 0 :(得分:0)

jQuery UI位置怎么样?

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

在resut jquery ui中更改位置data-branch =&#34; 2&#34;相对于.component的更改位置:/但我需要获得coords ..如何使用位置UI来获得顶部和左侧?