javascript - 使用 AngularJS 导航字符串的 "DOM",就像它是 html 一样

标签 javascript html angularjs

我想获取一个合法的 HTML 字符串,并根据标签及其属性从中提取一些数据。我知道使用 jQuery 可以做到这一点,并且它有几个内置方法可以实现这一点,但我正在尝试 Angular,并且我想避免使用 jQuery,除非我真的非常需要。 Angular 是否为此提供了自己的一组函数?

最佳答案

您甚至可以使用简单的 Javascript 来完成此操作。这是一个简单的例子。如果您准确地向我们展示了您试图从 HTML 字符串中提取的内容,我们可以更具体地回答。这是一个显示基本概念的工作片段示例:

var htmlStr = '<div><div class="item">Bear</div><div class="item">Wolf</div></div>';

var div = document.createElement("div");
div.innerHTML = htmlStr;
var items = div.querySelectorAll(".item");
for (var i = 0; i < items.length; i++) {
  document.write(items[i].innerHTML + "<br>");
}

Angular 包含一个名为 jqLit​​e 的 jQuery 子集,其文档记录为 here 。 jqLit​​e 中的 .find() 仅限于搜索标签名称,因此如今内置于所有现代浏览器中的 .querySelectorAll() 功能会更加强大。

关于javascript - 使用 AngularJS 导航字符串的 "DOM",就像它是 html 一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32145475/

相关文章:

javascript - Dexie.js - 如何连接表?

php - 如何从已拖放到特定区域的图像中获取值并插入到数据库中?

javascript - 计算页面上损坏的链接数

php - 使用 php css 文件是个坏主意吗?

javascript - 在 Angular 中解析 n 级深度 JSON

javascript - 只有双击才能使项目可编辑

javascript - Ajax文件上传返回值的方法

python - 如何从 Selenium 中的多个类的多个元素中获取数据?

javascript - 在浏览器中,如何在预印纸上进行排版准确的打印?

javascript - 从 "Bootstrap-Select"获取值