Question

In my application I use JQGrid for listing some contacts. I need to show some details when user makes mouseover/mouseout over just one cloumn; for now I am using this code:

gridComplete: function () {
 jQuery('#MyGird').mouseover(function (e) {
      var rowId = $(e.target).parents("tr:first").attr('id');
      var rowdata = jQuery('#MyGird').getRowData(rowId);
      .....
      });
  jQuery('#MyGird').mouseout(function (e) {
      .....
       });
},

But this makes mouseover/mouseout over the entire row.

How can I mouseover/mouseout over just one column from the row?

Answer 1

the following selector grabs all first <td> elements from each <tr> within table#MyGird

$("td:first", $("#MyGird tr")).mouseover(function(e) {

if you don’t wont the first row you could use the :eq(index) function like for the second column:

$("td:eq(1)", $("#MyGird tr")).mouseover(function(e) {