Comment changer fond de la cellule de table en Javascript

Question

me reste que cette table HTML:

<table> 
    <tr> 
     <td>Cell 1</td> 
    </tr> 
    <tr> 
     <td>Cell 2</td> 
    </tr> 
    <tr> 
     <td>Cell 3</td> 
    </tr> 
</table> 

Comment changer l'arrière-plan de la cellule sur le mouvement de la souris dans cette cellule? Si le curseur s'éloigne de la cellule, l'arrière-plan doit rester, mais si le curseur se déplace vers l'autre cellule, il doit réinitialiser l'arrière-plan.

Answer 1

puisque vous avez besoin d'une cellule en surbrillance, si vous incluez jQuery, vous pouvez utiliser ce code.

(function() { 

    var current_cell; 

    $('td').bind('mouseenter', function() { 
     if (current_cell) { 
     current_cell.removeAttr('id'); 
     }; 
     current_cell = $(this); 
     current_cell.attr('id', 'highlight'); 
    }); 
})(); 

puis il suffit d'utiliser un peu de css

td#highlight { 
    background: ... ; 
}