javascript - jQuery を使用して RSS フィードからコンテンツをプルする

Question

基本的な 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>が本文です。ページの<a>記事に戻るリンク。

誰でも助けることができますか？

外部 URL からフィードをロードする必要があるため、機能しないプラグインのリストを次に示します (これらはすべて AJAX を使用します)。

• http://jsfiddle.net/SpYk3/Pp44S/
• jフィード
• jQuery フィード

Answer 1

+ どういう意味ですか?

この次のプロセスのことですか？

1. XML を解析する

2. 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>
   

3. 次のような構造を作成します。

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

+ 処理方法は?

1. XML を解析する

   上記のプロセスが正しければ、このようAJAXに使用できます。dataType: "xml"

   jQueryを使用してXMLを解析する方法$.parseXML()のように使用することもできますか?

2. データを挿入する<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>");