ansaurus

Question

Figuring out how to use hover function in jquery to highlight one cell only

Answer 1

A:

Try this

$board.find('td').hover(function(){
    $(this).css('border-color', 'red');
},
function(){
    $(this).css('border-color', 'black')
})

PetersenDidIt 2010-01-31 22:59:31

I added it but it didn't seem to highlight anything now.

Steffan 2010-01-31 23:02:42

Answer 2

A:

you could try something like:

<script type="text/javascript">

$(document).ready(function(){

    $("#board tr td").hover(function()
    {
        $(this).css('border-color', 'red');
    },
    function()
    {
        $(this).css('border-color', 'black')
    });
});

</script>

remember the type="text/javascript" on the script tag

when the page loads the $(document).ready function will be called, then it will set up the hover events.

when the mouse hovers over a td inside #board the first function will be called on this, the td you're hovering over. when the mouse moves out it will call the second function putting the border back to black.

John Boker 2010-01-31 23:01:30

thanks!, that seemed to get it to work

Steffan 2010-01-31 23:06:46

you're welcome! remember to mark this as the answer if it helped.

John Boker 2010-01-31 23:08:19

ansaurus

tags:

views:

answers:

Figuring out how to use hover function in jquery to highlight one cell only

related questions