使用jQuery在RSS提要描述中检索图像

时间:2014-05-17 20:27:53

标签: jquery xml text rss

<rss xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0">
    <channel>
        <description/>
        <title>Example</title>
        <link>http://example.com/</link>
        <item>
            <title>
              My Post Title
            </title>
            <description>
                <div class="thumbnail"><a href="#"><img src="https://i.imgur.com/192384.jpg"/> </a></div> <p class="intro"><span> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> <!-- more --> <span> Duis end </h3> <img src="http://i.imgur.com/wq8fu.png"/><div class="credit"> Clas Henrik </div> </span></p>
            </description>
         </item>
     </channel>
</rss>

如何检索RSS <description>中的第一张图片,<div class="thumbnail">中包含的图片?
我正在使用jQuery,我已经设法用这段代码阅读整个描述块:

var rssurl = 'http://example.com/rss';
$.get(rssurl, function(data) {
    var $xml = $(data);
    var vari = 0;
    $xml.find("item").each(function() {
        var $this = $(this),
          item = {
            description: $this.find("description").text()
          }

    });
});

但我想要的只是形象。由于它现在是文本,我不能只用$('.thumbnail > a > img);选择它

...
修改:重新格式化我的问题

1 个答案:

答案 0 :(得分:0)

通过以下方式管理以检索第一张图片: description: $this.find("description").text().substring(0, 200).match("<img src(.*)/>")