Using Array In jquery

Question

I want to use array instead of using

if(imageExtension == 'jpg' || imageExtension == 'png' || imageExtension == 'gif' ). C

Can someone please give me a clue :D

setupChangeImage : function() {
        $('.carousel li a').each(function(){
            $(this).click(function(e){
                e.preventDefault();
                var src = $(this).attr('href');
                var dataSource = $(this).data('src');
                var imageExtension = dataSource.substr(dataSource.length-3, 3);             
                if (src != $('.gallery img.gallery-main-image,.main-image .main-image-first').attr('src').replace(/\?(.*)/,'')){
                    $('.gallery img.gallery-main-image,.main-image .main-image-first,.main-image-last').stop().animate({
                        opacity: '0'
                    }, function(){
                        $('.loading').show();
                        $(this).attr('src', src);
                        $('.main-image-second').remove();
                        if(imageExtension == 'jpg' || imageExtension == 'png' || imageExtension == 'gif' ){
                            var imageLast = '<div class="main-image-second"><img class="main-image-last" src="'+ dataSource +'" alt="" /></div>';
                            $('.main-image').append(imageLast);
                        }
                        else {
                            var iframe = '<div class="main-image-second"><iframe class="main-image-last" width="657" height="432" src="'+ dataSource +'" style="border:none;margin-top:14px;" scrolling="no" marginwidth="0"></iframe></div>';
                            $('.main-image').append(iframe);
                        }
                    }).load(function(){
                        $('.loading').hide();
                        $(this).stop().animate({
                            opacity: '1'
                                                                                       });                      
                });
                }           
            });
        });
        }

/^(jpg|png|gif|)$/.test(imageextension) if you are interested in regex. — Mr_Green
– Mr_Green, Commented Aug 30, 2013 at 5:27
It's well worth spending an hour reading through the jQuery API. That's all the time it takes, and it pays you back massively. — T.J. Crowder
– T.J. Crowder, Commented Aug 30, 2013 at 5:29

RONE · Accepted Answer · 2013-08-30 05:28:55Z

3

var arr = ["jpg", "png","gif" ];
if(jQuery.inArray(imageExtension, arr) !== -1){
//found 
}else{
//not found 
}

refer http://api.jquery.com/jQuery.inArray/

answered Aug 30, 2013 at 5:28

RONE

5,5059 gold badges45 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Trevor Dixon · Accepted Answer · 2013-08-30 05:41:17Z

-1

This will work without jQuery.

if (['jpg', 'png', 'gif'].indexOf(imageExtension) > -1) ...

Run this somewhere on the page to make it work in IE8:

if (!Array.prototype.indexOf) {
    Array.prototype.indexOf = function indexOf(search) {
        for (var i = 0; i < this.length; i++) {
            if (this[i] === search) return i;
        }
        return -1;
    };
}

You might as well use jQuery I guess.

edited Aug 30, 2013 at 5:41

answered Aug 30, 2013 at 5:29

Trevor Dixon

24.6k13 gold badges77 silver badges114 bronze badges

1 Comment

T.J. Crowder Over a year ago

Note that IE8, which is a very popular browser (about 23% of global browser users use it), doesn't support Array#indexOf. Since the OP is using jQuery, jQuery's inArray (as suggested by SAM and, briefly, myself) is the better choice.

Collectives™ on Stack Overflow

Using Array In jquery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related