सभी सेल सामग्री प्राप्त करने के लिए डेटाटेबल्स तालिका के माध्यम से लूप

Question

मैं अपनी साइट पर पेजिनेटेड टेबल जेनरेट करने के लिए jquery dataTables का उपयोग कर रहा हूं। मुझे एक ऐसी प्रक्रिया चलाने की ज़रूरत है जो किसी विशेष कॉलम से सभी डेटा को पकड़ ले। कुछ ऐसा:

$('.testLink').click(function(){ 
      var cells = new Array(); 
      $('#myTable tr td').each(function(){ 
       cells.push($(this).html()); 
      }); 
      console.log(cells); 
     }); 

वह उदाहरण सब कुछ पकड़ लेता है लेकिन मुझे केवल टीडीएस के एक कॉलम से जानकारी की आवश्यकता होगी। मुझे लगता है कि मैं उस पंक्ति में सभी टीडीएस में कक्षा जोड़ कर ऐसा कर सकता हूं लेकिन मुझे यकीन है कि एक बेहतर तरीका है। यह एक बोनस प्रश्न है ..

लेकिन मैं वास्तव में जानना चाहता हूं कि डेटाटाबल्स के साथ काम करने के लिए इसे कैसे प्राप्त किया जाए? चूंकि स्क्रिप्ट पेजिंग में डालने के लिए अधिकांश तालिका छुपाती है क्योंकि यह फ़ंक्शन केवल उन कोशिकाओं को पकड़ता है जो दिखाई दे रहे हैं। मैंने fnGetData के साथ खेला लेकिन मुझे यह नहीं मिल रहा है। कोई विचार?

Answer 1

सभी पंक्तियों पहुंचने के लिए, आप कर सकते हैं:

var rows = $("#myTable").dataTable().fnGetNodes(); 

आपके मामले में, यह काम करना चाहिए:

$('.testLink').click(function(){ 
     var cells = []; 
     var rows = $("#myTable").dataTable().fnGetNodes(); 
     for(var i=0;i<rows.length;i++) 
     { 
      // Get HTML of 3rd column (for example) 
      cells.push($(rows[i]).find("td:eq(2)").html()); 
     } 
     console.log(cells); 
    }); 

Answer 2

आप "EQ" चयनकर्ता का उपयोग करना चाहते हैं। यह

$("td").eq(3); // last one 
$("td").eq(2); //returns "2" 

मेक भावना का उपयोग करके फिर, "0" के सूचकांक पर शुरू होता है, इसलिए यदि आप है ..

<tr> 
    <td>0</td> 
    <td>1</td> 
    <td>2</td> 
    <td>3</td> 
</tr> 

?

http://api.jquery.com/eq-selector/

Answer 3

यहाँ() एक विधि fnGetData का उपयोग कर

सबसे पहले जो सभी पंक्तियों दृश्य या नहीं होगा प्लगइन से डेटा प्राप्त है। प्रत्येक पंक्ति डेटा सरणी पर लूप, और सूचकांक = 1 (दूसरा सेल) धक्का नई सरणी

 oTable = $('#example').dataTable(); 

     var secondCellArray=[]; 
     $.each(oTable.fnGetData(), function(i, row){ 
      secondCellArray.push(row[1]); 
    }) 

    console.log(secondCellArray) 

सम्पादन में शामिल: काम कर डेमो ... कंसोल में देखने के बाद प्रस्तुत करना

http://live.datatables.net/apixiv/edit#javascript,html

Answer 4

jQuery.map के साथ संयुक्त fnGetData() एक कॉम्पैक्ट समाधान के लिए बनाता है। निम्नलिखित समारोह obj_dtable के n वें स्तंभ से सभी मूल्यों से युक्त एक आयामी सरणी वापस आ जाएगी?

function getDataTableColumn(obj_dtable,n) { 
    return $.map(obj_dtable.fnGetData(), function(val) { 
     return val[n]; 
    }); 
};