javascript - 从具有 HTML 输出的变量中获取特定数据

Question

使用 Handlebars.js 从 json 和模板渲染 html 输出。

HTML 输出存储在一个变量中，现在我需要通过 ID 获取 HTML 的一部分。

我怎样才能获得所需的数据。？

例如：分配给变量的 HTML 内容

<ol id="maincontent">
        <li>test</li>
        <li>test1</li>
        <li>test2</li>
    </ol>
<ol id="content">
        <li>test</li>
        <li>test1</li>
        <li>test2</li>
    </ol>

现在我只需要 id="content" 数据。

Answer 1

（假设您可以使用 jQuery）也许您正在寻找以下内容：

var myVar = '<ol id="maincontent">\
  <li>test</li>\
  <li>test1</li>\
  <li>test2</li>\
  </ol>\
  <ol id="content">\
  <li>test3</li>\
  <li>test4</li>\
  <li>test5</li>\
  </ol>';
alert($("<div>" + myVar + "</div>").children("#content").html());

最后一行使用 HTML 字符串调用 $（即 jQuery）来创建 DOM 对象（参见http://api.jquery.com/jQuery/#jQuery2），并根据您要查找的 id 过滤其子对象.