javascript - 使用 Angular 从文本中获取图像

Question

我有一些 HTML 代码，里面有文本和图像(我不知道这段文本有多长，有多少图像)。有没有办法使用 AngularJS 获取所有图像并将它们放入 1 个 div 元素中？

我的代码:

<p>aaaaaaaaa<img>aaaaaaa<img>a<img>aaaa...</p>

我想要的代码:

<p>aaaaaaaaaaaaaaaaaaaaa</p><div><img><img><img></div>

有什么办法吗？

Answer 1

我认为你可以在没有 Angular 的情况下做到这一点。您可以将您的 HTML 片段变成一个 jQuery 对象，如下所示:

var $jqueryObject = $("<your HTML code");

然后您可以从这个 jQuery 对象中提取所有图像，并将它们保存在一个变量中:

var allImages = $jqueryObject.children("img");

最后，您可以遍历所有这些 img 元素并对它们执行一些操作:

$.each(allImages, function(index, image) {
    // Do your magic
}