HTMLテーブル行Trのコピー・削除・計算機能を実現するjQueryについて

この記事では、jQuery の HTML テーブル行 Tr のコピー、削除、および計算関数の実装を主に紹介します。これには、jQuery の一般的なテーブル テーブルのコピー、追加、削除、行数の計算が含まれます。必要な友人はそれを参照できます。 . 皆さんのお役に立てれば幸いです。

この記事の例では、jQuery が HTML テーブル行 Tr のコピー、削除、計算関数を実装する方法を説明します。参考までに皆さんと共有します。詳細は次のとおりです:

行の追加:

function addtr(){
   var tr = $("#tb tr").eq(0).clone();
   tr.appendTo("#tb");
   //tr.insertBefore("#tb tr:last");
}

<table id="tb">
  <tr>  </tr>  // tr 的下标从 0 开始
   <tr> </tr>
</table>

行の削除:

index 削除するテーブルのtrの添え字

$("#tb_id tr").eq(index).remove();

テーブル内の tr を計算する 数値:

("#tb tr").length

関連する推奨事項:

jQuery でテーブル table 内の td タグを取得する

ブートストラップでテーブルの合計数をカウントする方法

jQuery プラグインDataTables ページング開発テクノロジーの共有

以上がHTMLテーブル行Trのコピー・削除・計算機能を実現するjQueryについての詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。