Use array with mouse event

Question

I want to apply mouse events for 114 divs. There are lots of condition for one div. I wrote for one div but there are about 900 lines. If I want to do that for 114 divs it will be really difficult and also boring. I tried examples below but didn't work.

var abc= new Array();
abc[0] = ".ABC";
abc[1] = ".DEF";

$(abc).mouseenter(function() {
    Some code
});

or

for (var a=0;a<114;a++) {
   $(abc[a]).mouseenter(function() {
      Some code
   });
}

or

while (var a=0;a<114;a++) {
    $(abc[a]).mouseenter(function() {
       Some code
    });
}

Siamak Motlagh · Accepted Answer · 2014-04-27 21:07:45Z

1

There is no need to define every events one by one. Give all of divs a class and select by the class name:

jsFiddle Demo

HTML

<div class="mydivs"></div>
<div class="mydivs"></div>
<div class="mydivs"></div>
....

jQuery

$('.mydivs').mouseenter(function() {
    // grab current div by $(this)
});

edited Apr 27, 2014 at 21:07

answered Apr 27, 2014 at 20:55

Siamak Motlagh

5,1547 gold badges47 silver badges66 bronze badges

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

2 Comments

user3299259 Over a year ago

are you sure you want to define 114 times the same function instead of refer always to the same

Zeki Over a year ago

@Siamak.A.M Oh. I've been working all day. I couldn't think that. :) Thanks.

jfriend00 · Accepted Answer · 2014-04-27 21:28:45Z

0

The better solution is probably to just put a common class on all the elements that you want the same event handler on, or (if you show us your HTML), you can perhaps use a single delegated event handler. But, if you insist on setting up separate event handlers for every item in the array, you can do this:

$(abc.join(", ")).mouseenter(function() {
    // you can access whatever object triggered the event
    // with the value in this
});

answered Apr 27, 2014 at 21:28

jfriend00

711k104 gold badges1.1k silver badges1k bronze badges

Collectives™ on Stack Overflow

Use array with mouse event

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related