javascript - 使用 jQuery 从 RSS 提要中提取内容

标签 javascript jquery html rss

我有一个基本的 HTML 模板:

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

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

每个<article>用于 RSS 条目,带有 <h3>作为标题和 <p>作为 body 。 <a>链接回页面文章。

有人能帮忙吗?

以下是无法使用的插件列表,因为我需要从外部 URL 加载提要(这些都使用 AJAX):

最佳答案

我从 Clarkson 的想法中吸取了输入并提出了

$.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>');
                });
            }
        });

然后我将文件托管在本地网络服务器上,这允许我访问它,因为它消除了网络浏览器设置的限制。

关于javascript - 使用 jQuery 从 RSS 提要中提取内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16249697/

相关文章:

javascript - 将鼠标悬停在文本上以显示 ul 元素

javascript - 根据对象数组中的重复值将对象分组

javascript - 用fullPage.js水平滚动,可以用鼠标滚轮吗?

jquery - Ajax请求: unexpected identifier

JQuery 响应式菜单全宽

Javascript window.open 不执行任何操作

javascript - 绑定(bind)特定复选框以禁用 VueJS 中的特定下拉菜单?

javascript - 尝试在 javascript 中使用该库时无法找到模块 'collections/dict'

javascript - Meteor:未从 app/lib/_constants.js 中获取全局常量

jquery 悬停/更改 css 属性帮助