계산 위치에 관계없이 블록

Question

을 함유 나는 몇 내에서 <table>에게 <div> 태그있어 :

<div class=outer> 
    <div class=inner> 
    <table> 
     <tbody> 
     <tr><td>col1</td><td>col2</td></tr> 
     <tr><td>col1</td><td>col2</td></tr> 
     </tbody> 
    </table> 
    </div> 
</div> 

를 jQuery의 $.fn.position 기능/w 행의 위치를 ​​얻을 경우

console.log($('tr:first').position().top); 

그것은 것 div.inner을 position: relative (example)으로 설정했는지에 따라 다른 값을 반환하십시오. 행의 containing block이 각 경우마다 다르기 때문입니다.

div.inner의 위치가 relative으로 설정되어 있는지 여부에 관계없이 본문에 대한 행의 위치를 ​​계산해야합니다. 이것을 달성하기위한 우아한 방법이 있습니까? 또는 DOM 트리를 올라가서 각 조상이 position: relative인지 확인하고이를 기반으로 오프셋을 추가해야합니까?

Answer 1

나는 console.log ($ ('tr : first') .office(). top)라고 생각합니다.