jQuery를 사용하여 테이블 행을 제거하지만 첫 행을 삭제하지 못하게하십시오.

Question

jQuery를 사용하여 테이블 행을 제거합니다 - 스크립트는 정상적으로 작동하지만 단추가 맨 처음 테이블 행을 제거하지 못하게하고 싶습니다. 아무도 이것이 어떻게 수행되는지 제안 할 수 있습니까?

$("#remove").click(function(event) { 
    event.preventDefault();   
    $("table tr:last").remove(); 
    i++; 
});  

Answer 1

는 다음과 같은 시도 :

if ($("table tr").length != 1) { 
    $("table tr:last").remove(); 
} 

Answer 2

시도 : 여기

$("#remove").click(function(event) { 
    event.preventDefault();   
    $("table tr:not(':first')").remove(); 
    i++; 
}); 

데모 : http://jsfiddle.net/aGukb/

Answer 3

을하는 방법에 대한

$("tr:last:not(:first)").remove(); 

선택자는 모든 행이 테이블 내부에 있으므로 선택하지 않아도됩니다 (나중에 다른 테이블을 추가 할 경우 부작용을 피할 수 있습니다).

예 : 첫 번째를 제외하고 $table에서 모든 행을 제거 :이 인덱스 0보다 큰 gt(0) 및 선택 모든 행을 발견

$('table').find('tr:gt(0):last').remove(); 

:

$("tr:not(:first)", $table).remove(); 

Answer 4

당신은 gt() 및 not()을 사용할 수 있습니다 마지막 행인 :last을 삭제 한 다음 해당 요소를 제거합니다.

데모 : 모든 행을 제거하고 싶어하지만 첫 번째는 다음 :last을 제거 할 수 있습니다 http://jsfiddle.net/XhtC8/

: 간단 & elegent

$('table').find('tr:gt(0)').remove();