एक HTML तालिका डेटा को jQuery

Question

में किसी JSON ऑब्जेक्ट में कनवर्ट करें कोई भी जानता है कि jQuery के साथ छेड़छाड़ करने के लिए किसी भी JSON ऑब्जेक्ट में मानों की HTML तालिका को कैसे परिवर्तित किया जाए?

Answer 1

एक HTML तालिका? एक 2-डी सरणी में सभी <td> सामग्री की तरह?

var tbl = $('table#whatever tr').map(function() { 
    return $(this).find('td').map(function() { 
    return $(this).html(); 
    }).get(); 
}).get(); 

तो बस चालू करने के लिए है कि JSON स्ट्रिंग में $ .json (या जो भी आप चाहते हैं पुस्तकालय) का उपयोग करें।

संपादित — फिर से लिखा सरणी प्रोटोटाइप से देशी (shim here) .map() उपयोग करने के लिए:

var tbl = $('table#whatever tr').get().map(function(row) { 
    return $(row).find('td').get().map(function(cell) { 
    return $(cell).html(); 
    }); 
}); 

jQuery .map() समारोह परिणाम सरणी में लौटे सरणियों सपाट की "सुविधा" है। यही है, यदि कॉलबैक फ़ंक्शन एक मान देता है जो स्वयं एक सरणी है, तो उस लौटाए गए सरणी के बजाय .map() परिणाम का मान बन गया है, इसके तत्व प्रत्येक परिणाम में जोड़े गए हैं।

यह मूल jQuery संस्करण का उपयोग करने के लिए काम करता है और केवल लौटाए गए मानों के आस-पास एक अतिरिक्त सरणी लपेटता है।

Answer 2

मुझे कॉलम को अनदेखा करने, मूल्यों को ओवरराइड करने और नेस्टेड टेबल द्वारा भ्रमित होने की क्षमता को छोड़कर एक ही चीज़ की आवश्यकता थी।

https://github.com/lightswitch05/table-to-json

सभी आप प्लगइन jQuery का उपयोग कर अपने तालिका का चयन करें और फोन करना है:

var table = $('#example-table').tableToJSON(); 

यहाँ का एक डेमो है मैं एक jQuery प्लगइन तालिका करने के लिए json लेखन समाप्त हो गया

http://jsfiddle.net/Crw2C/173/

Answer 3

आप निम्नलिखित स्थिति मतलब कार्य करें: कार्रवाई में यह?

को देखते हुए:

A1 B1 C1 ... 
A2 B2 C2 ... 
... 

आवश्यक:

{"1": ["A1", "B1", "C1", ...], 
"2": ["A2", "B2", "C2", ...], ...} 

तो निम्नलिखित समारोह जो अनुगामी बिना एक मान्य JSON-स्ट्रिंग समारोह बनाता का उपयोग "":

function html2json() { 
    var json = '{'; 
    var otArr = []; 
    var tbl2 = $('#dest_table tr').each(function(i) {   
     x = $(this).children(); 
     var itArr = []; 
     x.each(function() { 
     itArr.push('"' + $(this).text() + '"'); 
     }); 
     otArr.push('"' + i + '": [' + itArr.join(',') + ']'); 
    }) 
    json += otArr.join(",") + '}' 

    return json; 
} 

Answer 4

{ "0":"[ 
    ['Product','Available','Issue','With Store'], 
    ['GV Rs. 100/-','4461','0','226'], 
    ['PV RED','8','0','0'] 
    ]" 
}