JQuery .closest()

1 개요[ | ]

jQuery .closest()

첫번째 조상을 반환하는 jQuery 메소드
자신부터 시작하여 조건에 맞는 가장 가까운 태그를 상위 방향으로 찾음

html

Copy

<script src="//code.jquery.com/jquery.min.js"></script>

<ul id="list">
  <li>I</li>
  <li>II
    <ul>
      <li id="ii-a">A</li>
      <li>B
        <ul>
          <li>1</li>
          <li>2</li>
          <li>3</li>
        </ul>
      </li>
      <li>C</li>
    </ul>
  </li>
  <li>III</li>
</ul>

<script>
$( "#ii-a" ).closest( "#list" ).css( "color", "CornflowerBlue" );
$( "#ii-a" ).closest( "ul" ).css( "background", "SkyBlue" );
$( "#ii-a" ).closest( "li" ).css( "background", "Khaki" );
$( "#ii-a" ).css( "color", "Salmon" );
</script>

2 같이 보기[ | ]

jQuery .parents()

3 참고[ | ]