ホームページ > ウェブフロントエンド > jsチュートリアル > tr td を取得するための JavaScript メソッドの概要

tr td を取得するための JavaScript メソッドの概要

巴扎黑
リリース: 2017-08-17 15:59:47
オリジナル
1895 人が閲覧しました

この記事では、JavaScript を通じて tr td を取得する 3 つの方法を主に紹介します。具体的な操作手順については、以下の詳細な説明を参照してください。

‐ ,彼女自身 彼女 Shen she Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen Shen shen td によって取得される値は .text(); であることに注意してください */


//     $('#selectIds').val("");
//      var table = document.getElementById("tb_table");//获取第一个表格 
//      var array = table.getElementsByTagName("tr");//所有tr
//      for(var i = 1; i < array.length; i++) {
//       var id = array[i].children;
//       var idtext = id[1].innerHTML;
//       if(i == 1){
//         $(&#39;#selectIds&#39;).val($(&#39;#selectIds&#39;).val() + "" + idtext); 
//       }else{
//         $(&#39;#selectIds&#39;).val($(&#39;#selectIds&#39;).val() + "," + idtext);
//       }
//       }
ログイン後にコピー


/* ネイティブ js はすべての行を取得し、各セルを取得します*/


//   $(&#39;#selectIds&#39;).val("");
//   var isFirst = true;
//    $("#tb_table").find("tr").each(function(){
//      var tdArr = $(this).children();
//      var idtext = tdArr.eq(1).text();
//      if(idtext != &#39;人员ID&#39;){
//        if(isFirst){
//        $(&#39;#selectIds&#39;).val($(&#39;#selectIds&#39;).val() + "" + idtext); 
//        isFirst = false
//        }else{
//          $(&#39;#selectIds&#39;).val($(&#39;#selectIds&#39;).val() + "," + idtext);
//        }
//      console.log("idtext",idtext);
//      }
//    })
ログイン後にコピー


概要:


$(this).children().eq(1).text() は表示された値を取得します

$(this).children().eq(1).html() は すべてのコンテンツを取得しますbetween $('.trSelected',grid).find("td").eq(7).text(); 選択した行の内容を取得します 設定値: $('. trSelected',grid).find("td").eq(7).text(''Set content'')

xxx.innerHTML; はjsで取得したオブジェクトの値です。

テーブルを走査する

$("#grid tr").each(function() {

text());

});

JavaScript を使用して、トラバース





//   var table = document.getElementById("tb_table");
//   var rows = table.rows;//获取所有行
//   console.log("lenth",rows.length) //
//   for(var i=1; i < rows.length; i++){
//     var row = rows[i];//获取每一行
//     var id = row.cells[1].innerHTML;//获取具体单元格
//     console.log("id",id)
//   }
ログイン後にコピー

以上がtr td を取得するための JavaScript メソッドの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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