通过 JS 从 HTML 原始 DIV 文本中提取 div 数据答案

【问题标题】：Extract div data from HTML raw DIV text via JS通过 JS 从 HTML 原始 DIV 文本中提取 div 数据
【发布时间】：2014-10-22 18:10:47
【问题描述】：

我正在尝试从仅呈现元素 HTML 的 JS 函数中提取数据 - 我需要元素的 ID 或类。

例子：

JS Element Value:
x = '<div class="active introjs-showElement introjs-relativePosition" id="myId">Toate (75)</div>';

我需要获取元素的 id 或类（在这种情况下，id 是 myId）。

有没有办法做到这一点？剥离标签或通过strstr提取文本？

谢谢

【问题讨论】：

是的，您可以为此使用正则表达式。 stackoverflow.com/questions/16559171/…
Regex 是矫枉过正，即使他选择不使用 jQuery。

标签： javascript html

【解决方案1】：

最简单的做法是获取你拥有的字符串的 jQuery 对象：

$(x);

现在您可以访问其上的所有 jQuery 扩展，以允许您获取/设置您需要的内容：

$(x).attr('id'); // == 'myId'

注意：这显然是基于您可以使用 jQuery 的假设。如果你不这样做，那么我的答案的第二部分是 - 获取 jQuery，它旨在使此类操作非常容易，并在它可以解决的地方解决兼容性问题

【讨论】：

【解决方案2】：

你可能想看看这个：

var div = document.createElement('div');
div.innerHTML = '<div class="active introjs-showElement introjs-relativePosition" id="myId">Toate (75)</div>';
console.log(div.firstChild.className);
console.log(div.firstChild.id);

【讨论】：