jQuery Bind each() and also click() on the same function

Question

So I have the following fragment:

 $(".server").each(function() {
     var element = $(this);
      //bunch of javascript here with element
 });

I also want to bind a single click event for an id to do the same work as the above, how is this possible, without copying and pasting the entire block and doing:

 $("#my-id").click(function() {
       var element = $(this);
      //bunch of javascript here with element
 });

mttrb · Accepted Answer · 2012-04-23 09:06:32Z

7

I think the following should work:

var eventHandler = function() {
    var element = $(this);
    //bunch of javascript here with element
};

$(".server").each(eventHandler);
$("#my-id").click(eventHandler);

answered Apr 23, 2012 at 9:06

mttrb

8,3433 gold badges37 silver badges57 bronze badges

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

2 Comments

Justin Over a year ago

Will the $(this) work though in this case if I use an external function?

mttrb Over a year ago

I believe it should, simplest way to check would be to give it a try ;)

Collectives™ on Stack Overflow

jQuery Bind each() and also click() on the same function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related