IDs should be unique in HTML so you can write just. MouseOver: function(e) console.log(this.options.id) ( this.options.id).addClass("hover") , MouseOut: function(e) console.log(this.options.id) ( this.options.id).removeClass("hover") , I need to highlight a table row on mouse over. Seems like an easy enough thing to do, right? Especially using jQuery. But alas, Im not so lucky.I want to highlight row on mouseover (hover). This article shows how to highlight a Table row when the focus is on a textbox using jQuery addclass() and removeClass() function.Also Read: Highlight a GridView row on mouse over using Asp.Net - C and Vb.Net. This first tutorial will show you how to add simple highlighting of rows in a HTML table with jQuery and CSS.The class grid shows up here as well, its just to denote that only tr elements in tables using the class grid will get the mouseover style called over.
Also, on mouse-over, each row is highlighted. I am trying to add a feature when to highlight the row to light green, when the row is clicked, doing this only one row at a time. The code I started with was pure CSS, and now to add this event, I am adding jQuery.