タグごとに「続きを読む」ボタンの背景画像を設定しようとして失敗した件
なにかしらカスタマイズをしたいんだろうね。
余計な事まで思いついては手を出してる。
失敗した。
そもそもが「続きを読む」ボタンって1つの要素名で作られていて、そんな当たり前のことに気づかずに、スクリプトを組んでいたんですよ。
$(function(){ var topEntries = $(".entry-inner"); var presentCategory2 = ""; var x=1; topEntries.each(function(){ var archiveEntry = $(this); var cateX = archiveEntry.find(".categories"); presentCategory2 = cateX.text(); if (presentCategory2.indexOf("漫画") > -1) { $('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004904.jpg?1489333839")'}); } else if(presentCategory2.indexOf("アニメ") > -1) { $('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004908.jpg?1489334010")'}); } else if(presentCategory2.indexOf("映画") > -1) { $('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004939.jpg?1489334033")'}); } else if(presentCategory2.indexOf("フィギュア") > -1) { $('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004906.jpg?1489333982")'}); } else if(presentCategory2.indexOf("ラノベ") > -1) { $('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004938.jpg?1489334021")'}); } else if(presentCategory2.indexOf("ゲーム") > -1) { $('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004905.jpg?1489333950")'}); } else { $('.entry-see-more').css({backgroundImage: 'url("http://cdn-ak.f.st-hatena.com/images/fotolife/n/nuruta/20170313/20170313004907.jpg?1489333999")'}); } x++; }); });
わざわざ背景画像まで用意して、さ。
動くには動くんだけれど、当然「最後に読まれた記事のタグに準じた画像」になるだけで、「個別に画像を設定」なんてことにはならない訳で。
普通こんなことしないんだろうから、ググっても答えが出て来なくて窮しています。
続きを読むボタン、それぞれを別個に区分け出来るようになればいいんだけれど…。
そんなこと出来るんかな?