How to select multiple object and take action on Click event?

Hi, I have 4 images that when users click on it I would like to preform action  What's the best way to select them for the click event?  And is my syntax correct?   I would like to take action when any one of the image is clicked.

$(document).ready(function () {
    $("#Id1, #Id2, #ARUP, #Id3, #id4'").click(function(e) {......

or should I assign a class to all these image?
$(document).ready(function () {
    $(.AddFav).click(function(){........................

Thank you.
lapuccaAsked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
zephyr_hex (Megan)Connect With a Mentor DeveloperCommented:
Assign a class.  It's more extensible and easier to maintain.  If you need to know the specific image that was clicked, you can use $(this):

$(document).ready(function () {
    $('.AddFav').on('click',function(){
         var id = $(this).attr('id');  //assuming the element has an id assigned, this is how to retrieve it.

Open in new window

0
 
lapuccaAuthor Commented:
Thank you.
0
 
Julian HansenCommented:
Another option is to put the images in a container with a class
<div class="active-images">
   <img .../>
   <img .../>
   <img .../>
</div>

Open in new window


And then
$('.active-images img').click(

Open in new window


Saves having to add a class to each image
1
All Courses

From novice to tech pro — start learning today.