小金井にあるWEB制作会社の備忘録

MEMORANDUM

jQueryでRSSを読み込んで表示

  • 公開日：2020-03-28
  • 最終更新日：2020-03-17

wordpress（ワードプレス）の投稿記事を別サイト（同一ドメイン）で読み込みで表示したという相談があった際にjQueryのみで実装した方法をメモ。

HTML

<ul id="feedList"></ul>

jQuery

$(function(){
	$.ajax({
		url: 'rssのURL',
		cache: false,
		dataType:"xml",
		success: function(xml){
			$(xml).find('item').each(function(){
				var title = $(this).find('title').text();
				var url = $(this).find('link').attr('href');
				$('<li></li>').html('<a href="'+url+'">'+title+'</a>').appendTo('ul#feedList');
			});
		}
	});
});