if..else语句基于数组函数的结果

时间:2017-03-08 18:22:20

标签: javascript jquery url if-statement fancybox

我想要发生的是根据数组函数的结果提供不同的URL。 基本上,如果collectTags等于"教堂"或"音乐会"它链接到A.com,否则它链接到B.com。

这是我目前拥有的代码:

caption : function( instance, item ) {
    var caption, link, collectTags, tags;

    caption = $(this).data('caption');
    link    = '<a href="' + item.src + '">Download image</a>';
    collectTags =   $(this).parent().attr("class").split(' ');
    tags = $.map(collectTags,function(it){ if(collectTags === "church"){ return '<a href="A.com' + it + '">'+ it +'</a>'} else{return '<a href="B.com' + it + '">'+ it +'</a>'};});

    return (caption ? caption + '<br />' : '') + link + '<br/>' + tags.slice(1);

}

1 个答案:

答案 0 :(得分:2)

我不确定我能做得对,但我会试一试。您的问题是您再次访问collectTags。这是一个数组,而不是字符串,因此将它与字符串进行比较将始终为false。永远不要使用字符串连接,这将使您的代码更难阅读&amp;混乱。

{
    caption: function (instance, item) {
        var caption, link, collectTags, tags;

        function format(tpl, binding) {
            if (typeof binding != 'function') return format(tpl, function (_, name) {
                return binding[name];
            });
            return tpl.replace(/\$(\w+)/g, binding);
        }

        caption = $(this).data('caption');
        link = format('<a href="$src">Download image</a>', item);
        collectTags = $(this).parent().attr("class").split(' ');
        function createTag(it) {
            return format("<a href='$site/$it'>$it</a>", {
                site: (it == 'church' || it == 'concert') ? 'A.com' : 'B.com',
                it: it
            });

        }

        tags = $.map(collectTags, createTag);
        return [].concat(caption ? [caption, link] : link).concat(tags).join('<br/>');
    }
}