[jq] 트리순행 - 부모, 자식, 형제 노드

1. 노드 찾기 

전체 자식 노드
    텍스트 노드 포함 전체 자식 노드 찾기 :  $("선택자").contents()
    텍스트 노드 제외한 전체 자식 노드 찾기 : $("선택자").children("선택자")

n번째 자식 노드
    $("선택자").children().eq(N)
    $("선택자").children(":eq(N)")

첫번째 자식 노드
    $("선택자").children().first()
    $("선택자").children(":first")
    $("선택자").children().eq(0)
    $("선택자").children(":eq(0)")

마지막 자식 노드

$("선택자").children().last()
$("선택자").children(":last")
 

바로 위의 부모 노드
    바로 위의 부모 : $("선택자").parent()

모든 부모 노드
    $("선택자").parents()  모든 부모

모든 부모 중 선택자에 해당하는 부모 찾기
    $("선택자").parents("선택자")

이전 형제 노드 찾기
    $("선택자").prev()
    $("선택자").prevAll("선택자");

다음 형제 노드 찾기

$("선택자").next()

$("선택자").nextAll("선택자");

2. 노드 생성,추가,이동,삭제

생성

$("노드")

$("선택자").html("<노드>...</노드>")
$("노드").clone()

추가

$기준노드.append($추가노드)
$추가노드.appendTo($기준노드)
$기준노드.prepend($추가노드)  
$추가노드.prependTo($기준노드)
$추가노드.insertBefore($기준노드)
$기준노드.before($추가노드)
$추가노드.insertAfter($기준노드)
$기준노드.after($추가노드)

이동

$기준노드.append($이동노드)  
$이동노드.appendTo($기준노드)
$이동노드.insertBefore($기준노드)
$기준노드.before($이동노드)
$이동노드.insertAfter($기준노드)   
$기준노드.after($이동노드)

삭제
    $("선택자").remove()