Add multiple variables on javascript function?

Question

How can I pass multiple variables on a jquery function? Like so:

$(".link1",".link2").click(function(event){

}

Also tried:

$(".link1"),$(".link2").click(function(event){

}

Are you wanting to bind the same function to the click event of anything that has a class of either 'link1' and/or 'link2'? — Chamila Chulatunga, Dec 03 '12 at 12:19

score 6 · Answer 1 · answered Dec 03 '12 at 12:17

6

Use

$(".link1, .link2").click(function(event){

or

$(".link1").add(".link2").click(function(event){

The comma separator is defined here : Multiple selector

answered Dec 03 '12 at 12:17

Denys Séguret

score 2 · Accepted Answer · answered Dec 03 '12 at 12:18

2

Multiple selectors need only be separated by a comma in your selector string.

$(".link1, .link2").click(function(event){

}

answered Dec 03 '12 at 12:18

pete

score 1 · Answer 3 · answered Dec 03 '12 at 12:19

1

use .on, and pass the extra events as an argument to that method:

$('.link1, link2').on('click',{some:'argument'},function(e)
{
    console.log(e.data);//<-- object literal {some:'arguments'}
});

answered Dec 03 '12 at 12:19

Elias Van Ootegem

3 Answers3