[jQuery]상위 부모 요소 찾기 parent()

parent()

$(선택자).parent()

특정 노드의 바로 상위 부모 요소를 찾는다.

 

<script>
$(document).ready(function() {
    $(".item-a").parent().css("border", "3px solid #f00");
});
</script>

<ul class="level-1">
    <li class="item-i">I</li>
    <li class="item-ii">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>

 

실행결과