スクリーンショットに見られるように、この jquery コードでテーブルの行を削除しています。
$(":checked").each(function() {
$(this).parent().parent().remove()
});
タグのチェックボックスをオンにして削除をクリックすると、この最初の行も削除されます。このコードですべてのチェックボックスを選択します $(":checked") 最初のチェックボックスの後にどのように選択できますか?
このようなものが動作するはずです:
$(":checked").not(':eq(0)').each(function() {
$(this).parent().parent().remove()
});
これを試して:
$(":checked").filter(":not(:eq(0))").each(function() {
$(this).parent().parent().remove()
});
または、テーブル ヘッダーがthead
タグ内にあり、本文がタグ内にあるtbody
場合は、次のようなものを使用できます。
$("tbody tr :checked").each(function() {
$(this).parent().parent().remove()
});
最初のチェックボックスにクラスを追加します。これにより、クリックイベントですべてのチェックボックスがチェック/チェック解除されます。
このようにして、他のすべてのチェックボックスが最初のものと区別されます。
そして、次のスクリプトを使用します。
$(function() {
$('#test').click(function() {
$(":checked").not('.maincheckbox').each(function() {
$(this).parent().parent().remove()
});
});
});
これがデモです:jsfiddle