jQuery same click event for multiple elements

Question

Is there any way to execute same code for different elements on the page       class1   click function        some function             class2   click function        some function          instead to do something like       class1       class2   click function        some function          Thanks

User · Answer

Add a comma separated list of classes like this    jQuery document  ready function           class   id   click function           Your code

User · Answer

In addition to the excellent examples and answers above  you can also do a  find  for two different elements using their classes  For example    lt div class  parent  gt   lt div class  child1  gt Hello lt  div gt   lt div class  child2  gt World lt  div gt   lt  div gt    lt script gt  var x   jQuery   parent   find   child1   child2   text    console log x    lt  script gt    This should output  HelloWorld

User · Answer

Another alternative  assuming your elements are stored as variables  which is often a good idea if you re accessing them multiple times in a function body    function disableMinHeight         var  html      html        var  body      body        var  slideout       slideout          html add  body  add  slideout  css  min-height   0        Takes advantage of jQuery chaining and allows you to use references

User · Answer

We can code like following also  I have used blur event here       proprice   proqty   blur function          var price     proprice   val          var qty     proqty   val          if price          qty                              totalprice   val qty price

User · Answer

I have a link to an object containig many input fields  which requires to be handled by the same event  So I simply use find   to get all the inside objects  that need to have the event  var form       lt form gt  lt  form gt            apending several input fields  form find  input   on  change   onInputChange     In case your objects are one level down the link children   instead find   method can be used

User · Answer

I normally use on instead of click  It allow me to add more events listeners to a specific function    document  on  quot click touchend quot    quot  class1   class2   class3 quot   function             do stuff

User · Answer

class1   class2   on  click   some function     Or       class1   add   class2   on  click   some function     This also works with existing objects   const  class1       class1    const  class2       class2     class1 add  class2  on  click   some function

User · Answer

Simply use     myclass1   myclass2   myclass3   for multiple selectors  Also  you dont need lambda functions to bind an existing function to the click event

User · Answer

class1   class2   click some function     Make sure you put a space like     class1 space here class2   or else it won t work

User · Answer

If you have or want to keep your elements as variables  jQuery objects   you can also loop over them   var  class1       class1    var  class2       class2         class1  class2   each function           this  on  click   function e            some function

[jquery] jQuery same click event for multiple elements

Examples related to jquery

Examples related to events