.offsetParent()

by Kim Ara

HTML

<ul class="level-1">
  <li class="item-i">I</li> 
  <li class="item-ii" style="position: relative;">II 
    <ul class="level-2">
      <li class="item-a">A</li> <!-- 요기요 -->
      <li class="item-b">B 
        <ul class="level-3"> 
          <li class="item-1">1</li> 
          <li class="item-2">2</li> 
          <li class="item-3">3</li> 
        </ul>
      </li> 
      <li class="item-c">C</li> 
    </ul> 
  </li>
  <li class="item-iii">III</li> 
</ul>

<div>
  <!-- <br><br><br> -->
  <span>position 위치값 : </span>
 <span></span> 
</div>

JavaScript

$(document).ready(function(){

	$('li.item-a').offsetParent().css('background-color', 'yellow');

	var p = $('span:first');
  var position = p.position();
  $('span:last').text( "left: " + position.left + ", top: " + position.top ).css('color','red');

});