javascriptのtbodyから行と列を取得するにはどうすればよいですか？

Question

カスケードクラスを読み込んだ後にカスケードクラスを適用しようとしています。私はjavascriptのすべてを確認して、コントローラのメソッドはtbodyから行を取得しようとするまで動作します。ここにはJavaScriptがあります。

jQuery(document).ready(function() { 
    var calendar = $('#Trafikkalender'); 
    var date = $('#selectedDate').val(); 
    var param = { date: date } 
    var url = $('#calArrayPostUrl').data('url'); 
    $.post(url, param, function(data) { 
     var body = calendar.find('tbody'); 

     //var rows = body.getElementsByTagName('tr'); 
     var rows = body.rows; 

     for (var i = 0; i < rows.length; i++) { 
      //var cols = rows[i].getElementsByTagName('td'); 
      var cols = rows[i].cells; 
      for (var j = 0; cols.length; j++) { 
       var col = cols[j]; 
       col.addClass(data[i][j]); 
      } 
     } 
    }); 
}); 

私がデバッガの行をクロムに乗せると、行が定義されていません。あなたが見ることができるように私は別のアプローチを試みましたが、getElementsByTagNameはchromeによる関数ではありません。

var rows = body.find('tr'); 

同じことがあまりにもtd要素に使用することができます。

Answer 1

あなたは、このことができます。この

$.post(url, param, function(data) { 
    var body = calendar.find('tbody'); 
    var rows = body.find('tr'); 

    for (var i = 0; i < rows.length; i++) { 
     var cols = $(rows[i]).find('td'); 
     for (var j = 0; cols.length; j++) { 
      var col = cols[j]; 
      col.addClass(data[i][j]); 
     } 
    } 
} 

希望を使用することができます！

> console.log(body.rows); 
undefined 

するとあなたはすでにあなたができるjQueryのを使用しているので：それはrows性質を持っていないので...

var calendar = $('#Trafikkalender'); 
var body = calendar.find('tbody'); 

：

Answer 2

あなたは、タグ名渡しfind()メソッドを使用することができます。

Answer 3

bodyはjQueryオブジェクトではなく、DOM要素でありますjQueryセレクタを使用してすべてのアイテムを一度に取得します。

​​

生D OM要素をjQueryオブジェクトから抽出することができます：

body[0].rows