Question

Here is my HTML:

<table id="myTable">
    <tr class="myTr">
        <td>
            CELL 1
        </td>
        <td>
            Cell 2
        </td>
        <td class="notThis">
            Cell 3
        </td>
    </tr>
    <tr class="myTr">
        <td>
            2- CELL 1
        </td>
        <td>
            2- Cell 2
        </td>
        <td>
            2- Cell 3
        </td>
    </tr>
</table>

<div id="myDiv">CONSOLE</div>

And my Javascript:

$(document).ready( function() {  
    $(".myTr").mouseover( function() {
        $("#myDiv").html( "OVER" );
    } );
});

I want it so that when you mouseover the “notThis” cell, the mouseover doesn’t trigger. I have a fiddle set up for testing: http://jsfiddle.net/S7bfH/3/

Thanks

Answer 1

here:

WORKING DEMO

    $(".myTr td:not('.notThis')").hover( function() {
        $("#myDiv").html( "ACTIVE" );
    }, function() {
        $("#myDiv").html( "INACTIVE" );        
    });