jQuery最後のテーブル行を削除しないでください

Question

私はウェブプログラミングを初めて学んでいます。私は昨日jQueryを使い始めました。私はちょっとした助けが必要です。ユーザーがテーブルの最後の行を削除できないようにする必要があります。私は成功し、次の使用することができる午前：

$(this).closest('tr:not(:only-child)').remove(); 

しかし、行が最後の行だけで何もしていないのではなく、ある場合、私は警告メッセージを表示したいと思います。私は、次のことを試してみましたが、それはうまくいきませんでした：

if($(this).closest('tr:only-child')) { 
    alert('cannot delete last row'); 
} 
else { 
    $(this).closest('tr').remove(); 
} 

Answer 1

は試してみてください。

if($(this).closest('tr').is('tr:only-child')) { 
    alert('cannot delete last row'); 
} 
else { 
    $(this).closest('tr').remove(); 
} 

Answer 2

行を削除してもどの行が最後の（非削除可能）行できるようにするために：

$('td').click(
    function(){ 
     if ($(this).closest('table').find('tr').length > 1) { 
      $(this).closest('tr').remove(); 
     } 
     else { 
      alert("Can't delete rows of class 'noDelete.'"); 
     } 
    }); 

JS Fiddle demo。

$('td').click(
    function(){ 
     if (!$(this).closest('tr').hasClass('noDelete')) { 
      $(this).closest('tr').remove(); 
     } 
     else { 
      alert("Can't delete the last row."); 
     } 
    }); 

JS Fiddle demo： 'NODELETE' クラス名のものを除いてすべての行を削除するには

。テーブルの<tbody>これを使用して<tr>要素の数を数える程度

Answer 3

方法：

$(this).closest('tbody').children('tr').length