ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScriptを使用してテーブル内のチェックされた行を削除する方法(コード)
この記事の内容は、JavaScriptを使用してテーブル内のチェックされた行(コード)を削除する方法についてです。必要な友人が参考になれば幸いです。
最初のステップ: 現在のテーブルの選択されたデータを取得します
//devicelist为表格的id属性 var checkStatus = table.checkStatus('devicelist') ,devicecheck_data = checkStatus.data; var id_str=""; for(var i=0;i<devicecheck_data .length;i++){ id_str=id_str+devicecheck_data.id; }
第 2 ステップ: テーブル ID と現在の行の ID (一意の識別) を渡すメソッドを記述し、削除操作を実行します
function remove_table_tr(table_id,remove_id){ var that_table=$("#"+table_id).next(); var that_checkid=remove_id.split(","); $(that_table).find(".layui-table-body .layui-table tr").each(function(){ var that_tr=$(this); var that_did=$(that_tr).find("td[data-field='did']").text(); if(that_checkid.indexOf(that_did)!=-1){ //将当前行进行删除操作 $(that_tr).remove(); } }) }
関連する推奨事項:
テーブルで TR を選択し、チェックボックスを自動的にチェックする方法
jquery を使用して、選択および削除されたときにチェックボックスが強調表示されるテーブル行を実現します_jquery
以上がJavaScriptを使用してテーブル内のチェックされた行を削除する方法(コード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。