Question

示例：

var string = "<h1 id='data'>Blaa</h1> <h2 id='data2'>blaa</h2>";

使用javascript，我如何以格式提取ID和值：

数据：Blaa data2：blaa

Answer 1

我不知道这个问题的背景是什么或者您打算如何使用这些数据，但是我认为的某些内容符合您的要求，使用vanilla JavaScript。

JSFiddle

var string = "<h1 id='data'>Blaa</h1> <h2 id='data2'>blaa</h2>",
    div = document.createElement('div');
div.innerHTML = string;

var elements = div.getElementsByTagName('*'),
    dataValues = {},
    i = 0;
for (i; i < elements.length; i++) {
    if (elements[i].id) {
        dataValues[elements[i].id] = elements[i].innerHTML;
    }
}
console.log(dataValues);

Answer 2

您可以使用parseHTML函数使用jQuery解析html字符串：

http://api.jquery.com/jquery.parsehtml/

var str = "<h1 id='data'>Blaa</h1> <h2 id='data2'>blaa</h2>";
$.each( $.parseHTML(str), function( i, el ) {
    if(!el.tagName) return;
    var tagName = el.tagName.toLowerCase();
    if(tagName == 'h1' || tagName == 'h2') {
        var id = el.id;
        console.log(id + ':' + $(el).html());
    }
});

http://jsfiddle.net/gao898r2/3/

显示字符串中的所有ID及其值

2 个答案: