jQuery DataTable içindeki öğeleri alın

Question

Bir jQuery DataTable'da dinamik olarak oluşturulmuş öğelere erişmek istiyorum. sayfa boyutu 10'a ayarlanır beri sadece ilk 10 div'leri erişebilir,

$(document).ready(function() { 
    var tableref = $('#myTable').DataTable({ "pageLength": 10 }); 
    for (var k=0; k<15; k++) { 
    tableref.row.add(['<div id="myDiv' + k + '">'+k+'</div>']).draw(); 
    console.log(document.getElementById('myDiv'+k)); 
    } 

}); 

: aşağıdaki kodu düşünün. Sonraki 5 eleman için konsolun çıkışının boş olduğunu görebilirsiniz.

fiddle demo

neden oluyor ? ve bu sorunu nasıl çözebilirim?

Answer 1

, üretildiğini tr unsurların bir listesini döndürür. senin Örnek olarak

fazla bilgi http://datatables.net/forums/discussion/7454/fngetnodes-only-returning-visible-nodes için

okuma ....

$(document).ready(function() { 
    var tableref = $('#myTable').DataTable({ "pageLength": 10 }); 
    for (var k=0; k<15; k++) { 
     tableref.row.add(['<div id="myDiv' + k + '">'+k+'</div>']).draw(); 
     //console.log(document.getElementById('myDiv'+k));//Return 10 divs 
    } 

    var aTR = tableref.rows().nodes(); 

    for (var i = 0; i < aTR.length; i++) { 

     console.log($(aTR[i]).find('div')); //return 20 divs 

    } 

}); 

Sonuç: https://jsfiddle.net/cmedina/7kfmyw6x/22/

Answer 2

Bir datatables nesnesinin verilerine erişmek istiyorsanız, satırlar üzerinde değil, veri özelliği üzerinden yinelememelisiniz. Başvuru için

, bu sayfaya göz atın: Eğer rows().nodes() kullanabileceğiniz tablonun tüm öğelerini almak istiyorsanız https://datatables.net/reference/api/data()