Question

我正在研究这个pen。我想要做的就是如果帖子中没有图像，那么应该显示默认图像。我使用的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。

Answer 1

如果要检查图像是否存在，则需要jQuery对象的length属性

替换

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

代表

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

这是 updated codepen

如果容器中没有图像，请添加默认图像

1 个答案: