在JQuery轮播中排除空白图像

时间:2014-12-05 21:33:25

标签: javascript jquery carousel

我尝试使用一些代码从我们的库目录中提取新书名列表,然后使用它创建一个JQuery轮播。它使用书的ISBN号为每个标题构建图像src的URL。问题在于,并非新标题列表中的每本书都有ISBN,而有些书没有封面图像。是否有我可以添加的内容,以便任何没有封面图像的标题都不会添加到轮播中?我的JQuery经验有限,所以我无法弄明白。

$.each( records.HitlistTitleInfo, function () {
    $("<img/>").attr("src", coverURLprefix + this.ISBN[0] + coverURLsuffix).attr("alt",
    this.author).attr("title", this.title).addClass("cloudcarousel").appendTo("#carousel1");
});

1 个答案:

答案 0 :(得分:0)

$(record.HitlistTitleInfo).not( function(index, element) {
    var isbn = this.ISBN[0]
    return isbn == null || isbn.length == 0; // true means it's removed
}).each( {
    $("#carousel1").attr("src", coverURLprefix + this.ISBN[0] + coverURLsuffix)
        .attr("alt", this.author)
        .attr("title", this.title)
        .addClass("cloudcarousel");
});