1

私はこのペンに取り組んでいます。投稿に画像がない場合は、デフォルトの画像を表示する必要があります。使用したJqueryは

$(function () {
     $(".post").each(function () {
 var posthead = $(this).find("h2.post-title").text(),
             postlink = $(this).find("h2.posttitle a").attr("href");
       if($(this).find("img:first")>=1){
         var imageSrc=$(this).find("img:first").attr('src');
       }
       else{
         var imageSrc="http://3.bp.blogspot.com/-P5H7BaGibPg/UjVD-0SIs9I/AAAAAAAADFk/l65svtw9IHg/s320/70-photography-2.jpg";
       }
                $(this).replaceWith("<div class='post'><img class='thumb' src='" + imageSrc + "'/><div class='posthead'><h2 class='hometitle'><a href='" + postlink + "'>" + posthead + "</a></h2></div></div>");
     });

 });

上記によると、画像がある場合、その属性 src は var imageSrc である必要がありますが、それ以外の場合、画像を持つ条件は var imageSrc である必要があります。

4

1 に答える 1

2

画像が存在するかどうかを確認したい場合は、jQuery オブジェクトのlengthプロパティが必要です

交換

if($(this).find("img:first")>=1){

為に

if($(this).find("img:first").length>=1){

これが更新されたコードペンです

于 2013-09-15T06:01:23.823 に答える