Jquery：将html转换为数组

Question

有没有一种简单的方法可以使用 jquery/javascript 从字符串 (html) 中获取数组，例如：

html:

<h1>this is a test</h1>
<p>This is a test</p>
<p>This is a test</p>
<h2>this is a test</h2>
<p>This is a test</p>

到一个数组：

array[0]['tag'] = 'h1'
array[0]['value'] = 'this is a test'
array[1]['tag'] = 'p'
array[1]['value'] = 'this is a test'
array[2]['tag'] = 'p'
array[2]['value'] = 'this is a test'
array[3]['tag'] = 'h2'
array[3]['value'] = 'this is a test'
array[4]['tag'] = 'p'
array[4]['value'] = 'this is a test'

谢谢！

Answer 1

更新

JS

var htmlstring = "<h1>this is a test</h1><p>This is a test</p><p>This is a test</p><h2>this is a test</h2><p>This is a test</p>",
    map = { };

$(htmlstring).each(function(_, node) {
    map[ _ ] = { };
    map[ _ ][ node.nodeName ] = node.textContent;
});

console.log(map);

演示：http://jsfiddle.net/KzfpK/

Answer 2

这样的事情应该可以解决问题，但它不会递归地工作（仅适用于直接的身体孩子）。

var tags = [];

$('body').children().each( function( index, element ) {
    tags.push({ 
        'tag' : element.nodeName.toLowerCase(), 
        'value' : element.text()
    });
});

Answer 3

这里有一个想法

$('body *').each(function(i){
console.log($(this).text());
console.log(this.nodeName);
console.log(i);
});