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

时间:2013-03-12 08:13:17

标签: javascript jquery json handlebars.js

使用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”数据。

1 个答案:

答案 0 :(得分:0)

(假设你可以使用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过滤其子项。