javascript – How to change html table classes for like multiple schedule-ThrowExceptions

Exception or error:

Thanks to contributers @Mamun,schedule like class change is realized.

How to change classes like schedule in html calendar tables

I would like to know How to set multiple schedule like attached pictures.

byright clickling,the class is changed to hospitalization.

byclicking,the class is changed to outpatient

$("#our_calendar td").on("contextmenu", function(e) {
  e.preventDefault();
  $(this).nextAll(`:lt(3)`).addClass('hospitalization');
}).on("click",function(){
  $(this).nextAll(`:lt(3)`).addClass('outpatient');
});

each css is like below.

.outpatient {
  border-bottom: 3px solid yellow;
}
.hospitalization {
  border-bottom: 3px solid aqua;
}

The issue is how to express duplicates of each classes….

enter image description here

If some one has experienced such thing ,please let me know.

thanks

How to solve:

Leave a Reply

Your email address will not be published. Required fields are marked *