create an array in jquery

Question

I have a function in jQuery

  jQuery(function () {
      jQuery(".one").showcase({
          animation: { type: "fade" },
          titleBar: { autoHide: false },
          navigator: { autoHide: true }
      });
      prettyPrint();
      jQuery(".two").showcase({
          animation: { type: "fade" },
          titleBar: { autoHide: false },
          navigator: { autoHide: true }
      });
      prettyPrint();
      jQuery(".three").showcase({
          animation: { type: "fade" },
          titleBar: { autoHide: false },
          navigator: { autoHide: true }
      });
      prettyPrint();
  });

now note the code above. i repeat the showcase function three times. I want create the function once by array. how can it possible. I saw the jQuery array example, but cant understand.

Matt · Accepted Answer · 2012-05-14 13:20:43Z

4

The best way wouldn't be to use an array, but to alter the jQuery selector to target all 3 at once;

  jQuery(".one,.two,.three").showcase({
      animation: { type: "fade" },
      titleBar: { autoHide: false },
      navigator: { autoHide: true }
  });
  prettyPrint();

... which uses the multiple selector, although you might want to add another class to those elements showcase(?) and call it like;

  jQuery(".showcase").showcase({
      animation: { type: "fade" },
      titleBar: { autoHide: false },
      navigator: { autoHide: true }
  });
  prettyPrint();

... instead.

answered May 14, 2012 at 13:20

Matt

75.4k26 gold badges156 silver badges181 bronze badges

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

1 Comment

Rain Over a year ago

if there is a number of class,then it is not better to write like that

Steve · Accepted Answer · 2012-05-14 13:23:20Z

2

You can do:

  jQuery(function () {
      var arObj = ['.one','.two','.three'];

      for(var i = 0; i< arObj.length ; i++){
          jQuery(arObj[i]).showcase({
              animation: { type: "fade" },
              titleBar: { autoHide: false },
              navigator: { autoHide: true }
          });
          prettyPrint();
      }
  });

answered May 14, 2012 at 13:23

Steve

2,9972 gold badges32 silver badges48 bronze badges

Comments

aroth · Accepted Answer · 2012-05-14 13:24:23Z

If you want an array-based solution, you can do something like:

jQuery.each([".one", ".two", ".three"], function(index, value) {
    jQuery(value).showcase({
        animation: { type: "fade" },
        titleBar: { autoHide: false },
        navigator: { autoHide: true }
    });
    prettyPrint();
});

...or:

function fadeAll(arr) {
    jQuery.each(arr, function(index, value) {
        jQuery(value).showcase({
            animation: { type: "fade" },
            titleBar: { autoHide: false },
            navigator: { autoHide: true }
        });
        prettyPrint();
    });
}

Otherwise just go with Matt's answer.

Collectives™ on Stack Overflow

create an array in jquery

3 Answers 3

1 Comment

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Related