ワードプレスの記事(テキスト文)を「JavaScript」と「jQuery」を利用して、
htmlに貼り付けることは出来たのですが、
アイキャッチ画像(jpg・gif・png)を貼り付ける方法が分かりません。
下記コードにどう追記するすればよいのでしょうか。
ご回答よろしくお願いします。
$.ajax({ url: 'http://www.example.com/blog/feed', type: 'get', dataType: 'xml', timeout: 5000, success: function(xml, status) { if (status === 'success') { var row = 0; var data = []; var nodeName; $(xml).find('item').each(function() { data[row] = {}; $(this).children().each(function() { nodeName = $(this)[0].nodeName; data[row][nodeName] = {}; attributes = $(this)[0].attributes; for (var i in attributes) { data[row][nodeName][attributes[i].name] = attributes[i].value; } data[row][nodeName]['text'] = $(this).text(); }); row++; }); $('#feed').wrapInner('<ul></ul>'); for (i in data) { var update = data[i].pubDate.text; var date = new Date(update); var update = dateFormat(date); $('#feed').find('ul').append('<li><p class="wp"><a href="' + data[i].link.text + '" target="_blank" class="wp">' + data[i].title.text + '</a></p><a href="' + data[i].link.text + '" target="_blank">' + data[i].description.text + '</a><p class="day">' + update + '</p></li>'); } } } }); function dateFormat(date) { var y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); var w = date.getDay(); m = ('0' + m).slice(-2); d = ('0' + d).slice(-2); return y + '年' + m + '月' + d + '日'; }
cssはこんな感じ。
#feed { width: 400px; height: 160px; margin: 0; overflow-y: scroll; font-size:12px; } #feed ul li { line-height:1.8em; margin:0 0 10px -40px; padding-bottom:10px; list-style: none; border-width: 0 0 1px 0; border-bottom: dotted; border-color: #cccccc; } #feed ul li p.wp { font-weight:bold; margin-bottom:6px; } #feed ul li p.day { text-align:right; margin:6px; }
htmlに記述したスクリプトコードは、
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script> <script src="rss.js"></script> ```
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/27 02:59
2019/01/27 03:20
2019/01/27 04:34 編集
2019/01/27 07:03 編集
2019/01/27 09:13 編集
2019/01/27 09:35
2019/01/27 09:57 編集
2019/01/28 06:08