jquery - eq を使用してテーブル ヘッダーとボディ セルを削除する

Question

私は、テーブルが動的に列を追加し、ユーザーが列が使用されていないと感じた場合は削除する必要があるというプロジェクトに取り組んでいます。

私の問題は、列ヘッダーを削除するときに、tbody の td が 1 つだけ削除されることです。私が使用したコードは次のとおりです。

$("#tbl thead th:eq("+index+")").remove();
$("#tbl tbody > td:eq("+index+")").remove();

Answer 1

試す

$("#tbl thead th:eq("+index+")").remove();
$("#tbl tbody tr").find("td:eq("+index+")").remove();

デモ:フィドル

また

$("#tbl tr td,th").filter(':nth-child(' + (index + 1) + ')').remove();

デモ:フィドル