parent-jQuery와 같은 요소가 더 있는지 확인하십시오.

Question

테이블에 iany 행이 있는지 또는 하나만 남았는지 확인하기위한 조건을 만들고 싶습니다.

<table> 

    <tr> 
     <td>AAAAAAA</td><td><a class="btn-row-delete">DELETE</a></td> 
    </tr> 

    <tr> 
     <td>BBBBBBB</td><td><a class="btn-row-delete">DELETE</a></td> 
    </tr> 

    <tr> 
     <td>CCCCCCC</td><td><a class="btn-row-delete">DELETE</a></td> 
    </tr> 

</table> 

나는 단 하나의 왼쪽이있을 때까지 행을 삭제할 수 있도록하려면 :

그래서 저는이있다.

<table> 


    <tr> 
     <td>BBBBBBB</td><td><a class="btn-row-delete">DELETE</a></td> 
    </tr> 


</table> 

를하고 테이블에 하나 그럴 왼쪽이 있다면 그것은 나를 삭제하는 것을 허용하지 않습니다 그래서, 내가 모든 것을 삭제 만 중간 행 BBBBBBB이 같은 체재 가정 해 봅시다. 그런 상태를 만드는 방법? 다만 다음과 같습니다 삭제에 대한 확인없이 내 현재 코드 :

$('form').on('click', '.btn-row-delete', function(e) { 
       e.preventDefault(); 
       $(this).closest('tr').remove(); 
       return false; 
      }); 

어떻게 하나 그럴 왼쪽 표에있는 경우 삭제 중지? 단추를 사용하지 않도록 설정하면 매우 복잡하지 않을 수 있습니다.

Answer 1

<tr> 요소가 포함 된 배열의 길이를 확인할 수 있습니다. 여기

if($('table tr').length>1) 
    $(this).closest('tr').remove(); 

Answer 2

이

$('.btn-row-delete').click(function(){ 
 
    if($('tr').length > 1) 
 
    $(this).closest("tr").remove(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 

 
    <tr> 
 
     <td>AAAAAAA</td><td><a class="btn-row-delete">DELETE</a></td> 
 
    </tr> 
 

 
    <tr> 
 
     <td>BBBBBBB</td><td><a class="btn-row-delete">DELETE</a></td> 
 
    </tr> 
 

 
    <tr> 
 
     <td>CCCCCCC</td><td><a class="btn-row-delete">DELETE</a></td> 
 
    </tr> 
 

 
</table>

을 시도 할 수 있습니다