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

Question

示例：

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

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

数据：布拉数据 2：blaa

Answer 1

您可以使用 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/

Answer 2

我不知道这个问题的背景是什么，也不知道你打算如何使用这些数据，但我认为会使用 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);

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

Show all IDs and their values from string

javascript

string

extraction