[jQuery] 현재 요소의 이전/다음 요소 선택하기 .prev() / .next()

★ 현재 요소의 이전/다음 요소 seleor하기 .prev( ) / .next( )

 현재 요소에서 이전 요소를 선택하기위해 .prev()

다음 요소를 선택하기 위해서는 .next() 함수를 사용하면 된다.

>> 예제 소스

<ul class="boardList">
    <li class="post1">
        <span>첫번째 게시글</span>
        <a href="#" class="btnUp">위로 이동</a>
        <a href="#" class="btnDown">아래로 이동</a>
        <a href="#" class="btnDelete">삭제</a>
    </li>
    <li class="post2">
        <span>두번째 게시글</span>
        <a href="#" class="btnUp">위로 이동</a>
        <a href="#" class="btnDown">아래로 이동</a>
        <a href="#" class="btnDelete">삭제</a>
    </li>
    <li class="post3">
        <span>세번째 게시글</span>
        <a href="#" class="btnUp">위로 이동</a>
        <a href="#" class="btnDown">아래로 이동</a>
        <a href="#" class="btnDelete">삭제</a>
    </li>
</ul>

>> 현재 위치

$(.boardList .post2 .btnDown)

Q1. 현재 요소의 이전 요소 선택하여 해당 태그의 문자열 반환하기

 .prev() : 현재 요소 이전의 요소를 새로운 객체로 반환

$(.boardList .post2 .btnDown).prev().text()        // 츌력 : "위로 이동"

Q2. 현재 요소의 다음 요소 선택하여 해당 태그의 문자열 반환하기

 .next() : 현재 요소 다음의 요소를 새로운 객체로 반환

$(.boardList .post2 .btnDown).next().text()        // 츌력 : "삭제"

>> 관련 포스팅

* .siblings()

2014/10/07 - [프로그래밍/Java Script] - [jQuery] 같은 부모 아래 다른 자식 요소 찾기 / 형제자매 요소 select .siblings()

탕수육 맛있었다.