Rollover color issue on cells based row

Rollover color issue on cells based row

In my grid, 4 div based cells collectively make a row. If i rollover any cell it should highlight all other cells of the row. My code is as under:

<div dataindex="0" dataid="303" class="myclass mygrid-data-cell mygrid-data-odd-row" id="cell-1-0">First Column</div>

<div dataindex="0" dataid="303" class="myclass mygrid-data-cell mygrid-data-odd-row" id="cell-2-0">Second Column</div>

<div dataindex="0" dataid="303" class="myclass mygrid-data-cell mygrid-data-odd-row" id="cell-3-0">Third Column</div>

<div dataindex="0" dataid="303" class="myclass mygrid-data-cell mygrid-data-odd-row" id="cell-4-0">Fourth Column</div>

There is a unique id of each div and all in sequence as: id="cell-1-0" for first cell, id="cell-2-0" for second cell, id="cell-3-0" for third cell and id="cell-4-0" for fourth cell.

If i rollover any of the cell i want to change the color of all the cells collectively from id="cell-1-0" to id="cell-4-0" so that my entire row colour should be changed.