creando json dagli elementi DOM usando jQuery

Se ho i seguenti elementi DOM

content1
content2

come, usando jQuery e Javascript, costruisco un object JSON come il seguente?

 [{ 'classname': 'item', 'content': 'content1' } { 'classname': 'item', 'content': 'content2' }] 

Qualche raccomandazione di ulteriori letture?

 var data = $('div.item').map(function(){ return { classname: 'item', content: $(this).text() }; }).get(); 

DEMO: http://jsfiddle.net/nDE7e/

http://jsfiddle.net/24JjD/

 var datas = [{ 'classname': 'item', 'content': 'content1' }, { 'classname': 'item', 'content': 'content2' } ]; $.each(datas, function(key, value) { $('body').append('
'+value.content+'
'); });​

Risposta corretta :

http://jsfiddle.net/tS9r5/

 var datas = []; $('div.item').each(function() { var data = { classname: this.className, content: $(this).text() }; datas.push(data); }); console.log(datas); 

È ansible eseguire il looping delle voci item e aggiungere oggetti a un array.

 var items = new Array(); $("div.item").each(function() { var item = {classname: this.className, content: $(this).text()}; items.push(item); });