Question

我有一个基本的HTML模板：

<article>
    <h3>Being a Freelance Designer</h3>
    <p>Etiam porta sem malesuada magna euismod... <a href="#">Read more</a>
    </p>
</article>

我有一个RSS Feed，http://www.justcode.us/feed，我正在尝试提取每个RSS条目的标题和内容，并创建一个<article>。

每个<article>用于RSS条目，<h3>是标题，<p>是正文。 <a>链接返回页面文章。

有人可以帮忙吗？

以下是无法正常工作的插件列表，因为我需要从外部网址加载Feed（这些都使用AJAX）：

Answer 1

我接受了克拉克森的想法并提出了

$.ajax({
            type: 'GET',
            url: 'feed.xml',
            dataType: 'xml',
            success: function (xml) {
                $(xml).find("item").each(function () {
                    var title = $(this).find("title").text();
                    var description = $(this).find("description").text();
                    var linkUrl = $(this).find("link_url").text();
                    var link = "<a href='" + linkUrl + "' target='_blank'>Read More<a>";
                    $('#feedContainer').append('<article><h3>'+title+'</h3><p>'+description+link+'</p>');
                });
            }
        });

然后我将文件托管在本地Web服务器上，允许我访问它，因为它删除了Web浏览器的限制。

Answer 2

+你是什么意思？

你的意思是以下过程？

解析XML

从

获取Title，Description，Link

<item>
    <title>*Using CSS to Create an Image Hover*</title>
    <link>*http://www.justcode.us/2013/04/using-css-to-create-an-image-hover/*</link>
    <description>*~*</description>
</item>

创建如下结构：

<article>
    <h3>**Title**</h3>
    <p>**Description**<a href="**Link**">Read more</a>
    </p>
</article>

+如何处理？

解析XML

如果上述过程正确，您可以将AJAX与dataType: "xml" $.parseXML()一起使用。

您也可以使用<article> /

**Title**

将数据插入**Description**

现在，我认为您从**Link**获得了<item> ~ /，id，<article id="idx">

您可以在文章标记上使用idx属性，例如$("article#idx h3").html(**Title**); $("article#idx p").html(**Description** + "<a href=\"" + **Link** + "\">Read more</a>");

如果使用循环构建结构，{{1}}可以是loop-num或article-num。

一切都完成了。现在，只需插入！：
```
{{1}}
```

使用jQuery从RSS Feed中提取内容

2 个答案:

+你是什么意思？

+如何处理？