제이쿼리) parent 지옥에서 탈출하기, closest 사용하기

parent를 여러번 써야 할 경우 코드 확장성이 떨어질 수 있다.
(예를들어 중간에 다른 태그를 추가해야 할 경우)

var $addBldElement = $(this).parent().parent().parent().parent().parent();

if ($addBldElement.find("[name='xxxxx']").val() == "") {
    $addBldElement.remove();
} else {
    $addBldElement.find("[name='delYn']").val("Y");
    $addBldElement.hide();
}

 

이럴 경우 하기 코드처럼 closest 을 사용하자

closest : 선택한 요소를 포함하면서 가장 가까운 상위 요소를 선택하는 함수

var $addBldElement = $(this).closest(".셀렉터");

if ($addBldElement.find("[name='xxxxx']").val() == "") {
    $addBldElement.remove();
} else {
    $addBldElement.find("[name='delYn']").val("Y");
    $addBldElement.hide();
}