jQuery を使用してテーブルの行を削除しています。スクリプトは正常に動作しますが、ボタンで最初のテーブルの行を削除できるようにしたくありません。誰でもこれがどのように行われるかを提案できますか?
$("#remove").click(function(event) {
event.preventDefault();
$("table tr:last").remove();
i++;
});
jQuery を使用してテーブルの行を削除しています。スクリプトは正常に動作しますが、ボタンで最初のテーブルの行を削除できるようにしたくありません。誰でもこれがどのように行われるかを提案できますか?
$("#remove").click(function(event) {
event.preventDefault();
$("table tr:last").remove();
i++;
});
次のことを試してください。
if ($("table tr").length != 1) {
$("table tr:last").remove();
}
どうですか
$("tr:last:not(:first)").remove();
すべての行がテーブル内にあるため、セレクターは必要ありませんが、table
削除するテーブル要素を指定すると便利な場合があります(後で他のテーブルを追加する場合の副作用を回避できます)。
$table
例:最初の行を除くすべての行を削除します。
$("tr:not(:first)", $table).remove();
あなたは使用することができgt()
ますnot()
:
$('table').find('tr:gt(0):last').remove();
これにより、インデックスが 0 より大きいすべての行が検索されgt(0)
、最後の行が選択されて:last
から、その要素が削除されます。
デモ: http://jsfiddle.net/XhtC8/
最初の行以外のすべての行を削除したい場合は、次のように削除できます:last
。
$('table').find('tr:gt(0)').remove();
試す:
$("#remove").click(function(event) {
event.preventDefault();
$("table tr:not(':first')").remove();
i++;
});
デモはこちら: http://jsfiddle.net/aGukb/