JavaScript/jQuery/DataTables/DataTable/fnGetNodes(int) の履歴(No.4)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• JavaScript/jQuery/DataTables/DataTable/fnGetNodes(int) へ行く。
  • 1 (2012-04-03 (火) 15:02:30)
  • 2 (2012-04-03 (火) 15:02:43)
  • 3 (2014-07-25 (金) 07:48:15)
  • 4 (2014-07-25 (金) 15:01:29)

ProgramLanguage/Script/JavaScript/jQuery/DataTables/日本語リファレンス

DataTable.fnGetNodes([int])†

概要†

指定した行のDOMツリーを示します。 行を指定しない場合は、すべての行のDOMツリーを配列で定義して示します。

構文†

fnGetNodes
    [iRow]
)

パラメータ†

iRow

型:int DOMツリーを取得したい行を 0 から始まる数値で指定します。 省略した場合は、すべての行が対象となります。

 

戻り値†

node

指定された行のDOMツリー

array

すべての行のDOMツリー

 

解説†

例†

• node 指定された行のDOMツリーを取得する方法を次のコード例に示します。

  function btnExecute() {
      var oTable = $('#example').dataTable();
      
      // ０行目のDOMツリーを取得する
      var nNodes = oTable.fnGetNodes(0);
      
      alert(nNodes.innerHTML);
      for (var index = 0; index < nNodes.childNodes.length; index++) {
          alert(nNodes.childNodes[index].innerHTML);
      }
  }

   
• array すべての行のDOMツリーを取得する方法を次のコード例に示します。

  function btnExecute() {
      var oTable = $('#example').dataTable();
      
      // すべての行のDOMツリーを取得する
      var nNodes = oTable.fnGetNodes();
      
      for (var index = 0; index < nNodes.length; index++) {
          var nNode = nNodes[index];
          alert(nNode.innerHTML);
          
          for (var childIndex = 0; childIndex < nNode.childNodes.length; childIndex++) {
              alert(nNode.childNodes[childIndex].innerHTML);
          }
      }
  }

   

バージョン情報†

DataTables 1.9.0

参照†