javascript - 使用 AngularJS 从 RSS 提要中提取图像

Question

我正在尝试学习 AngularJS，同时构建一个简单的 RSS 提要。我设法发出一个 JSON 请求并检索所有数据、标题、链接、描述和我解析的所有 RSS。我像这样提取图像:

angular.forEach(feed.entries, function(value){
        value.myImage = $(value.content).find('img').eq(0).attr('src');
        console.log('image' + value.myImage);
}

但是，有些提要具有不同的结构，而是将图像放在 <content> </content> 中喜欢this , 图片放在<description> </description>里面喜欢this one我正试图以这种方式获得它:

angular.forEach(feed.entries, function(value){
    value.myImage = $(value.description).find('img').eq(0).attr('src');
    console.log('no image' + " " + value.myImage);
});

但我得到的都是未定义的，所以我无法显示来自该提要的图像。我尝试了不同的方法，但我真的迷路了，我不确定我在这里做错了什么。

我已经用谷歌搜索并尝试了数周。非常感谢任何帮助!

谢谢 :)

---

这是我得到的 JSON 对象。

Object {feedUrl: "https://www.behance.net/rss", title: "Behance Featured Projects", link: "http://www.behance.net", author: "", description: "The latest projects featured on the Behance"…}
$$hashKey: "027"
author: ""
description: "The latest projects featured on the Behance"
entries: Array[10]
0: Object
$$hashKey: "029"
author: ""
categories: Array[0]
content: "<img src="https://mir-s3-cdn-cf.behance.net/projects/404/2e322a33145177.Y3JvcCw4NzYsNjg0LDAsNzc.jpg" style="float:left;margin-right:15px"><br> Various Illustrations by Patryk Hardziej / 2015"
contentSnippet: " Various Illustrations by Patryk Hardziej / 2015"
link: "https://www.behance.net/gallery/33145177/Various-Illustrations-2015"
publishedDate: "Thu, 28 Jan 2016 08:00:02 -0800"
sImage: undefined
title: "Various Illustrations 2015"

Answer 1

好的，我想我找到了:)

你从查询中得到的 HTML 看起来像

<img src="..."> Some text <br/> Some text ...

find 方法仅适用于查找子节点。在这种情况下，img 不是 value.content 的子项，因此它不返回任何内容。

你可以做到

angular.forEach(feed.entries, function(value){
  // force creation of a root node -> find method should works for all cases
  var content = '<div>'+value.content+'</div>';
  value.myImage = $(content).find('img').eq(0).attr('src');
  console.log('image' + value.myImage);
}