検索

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

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

巴扎黑
巴扎黑オリジナル
2017-08-17 15:59:471898ブラウズ

この記事では、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 サイトの他の関連記事を参照してください。

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：ブートストラップ モーダル + グリッドビュー ポップアップ ボックス効果を使用するチュートリアルの例次の記事：ブートストラップ モーダル + グリッドビュー ポップアップ ボックス効果を使用するチュートリアルの例

関連記事

続きを見る