ホームページ > ウェブフロントエンド > jsチュートリアル > jsとjqueryを使用してセルの内容を走査するサンプルコードの詳細な説明

jsとjqueryを使用してセルの内容を走査するサンプルコードの詳細な説明

伊谢尔伦
リリース: 2017-07-22 09:20:09
オリジナル
1524 人が閲覧しました

テーブル 内のすべてのセルの内容を走査するには、JS を使用します。これは、次の JS コードで実現できます:


function GetInfoFromTable(tableid) {
 var tableInfo = "";
 var tableObj = document.getElementById(tableid);
 for (var i = 0; i < tableObj.rows.length; i++) { //遍历Table的所有Row
  for (var j = 0; j < tableObj.rows[i].cells.length; j++) { //遍历Row中的每一列
   tableInfo += tableObj.rows[i].cells[j].innerText; //获取Table中单元格的内容
   tableInfo += " ";
  }
  tableInfo += "\n";
 }
 return tableInfo;
}
ログイン後にコピー

このメソッドのパラメータは、テーブルを一意に識別する ID です。これは、ドキュメント オブジェクトを使用して取得できます

jQuery は、テーブル

1 の tr の td の内容を走査し、$("#trID td").text() で文字列を取得するため、trID の td の値が取得されます。文字列を返します。

2. $("#trID").children は trID の下のすべての td を取得し、$("#trID").children を走査し、.eq(index).text() を使用して td の値を取得します。


りー

以上がjsとjqueryを使用してセルの内容を走査するサンプルコードの詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート