使用jQuery从DOM元素创建json

如果我有以下DOM元素

content1
 
content2 

如何，使用jQuery和Javascript，我是否构建如下的JSON对象？

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

有人建议进一步阅读？

Answer 1

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

演示： http ： //jsfiddle.net/nDE7e/

Answer 2

http://jsfiddle.net/24JjD/

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

正确答案 ：

http://jsfiddle.net/tS9r5/

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

Answer 3

您可以循环遍历项目div并将对象添加到数组。

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