I have something like this: $("li.column1").hover( function () { $("li.column1").addClass("columnSelected"); }, function () { $("li.column1").removeClass("columnSelected"); } );
$("li.column2").hover( function () { $("li.column2").addClass("columnSelected"); }, function () { $("li.column2").removeClass("columnSelected"); } ); $("li.column3").hover( function () { $("li.column3").addClass("columnSelected"); }, function () { $("li.column3").removeClass("columnSelected"); } ); .... and so on ... $("li.column31").hover( function () { $("li.column31").addClass("columnSelected"); }, function () { $("li.column31).removeClass("columnSelected"); } ); So I have 31 times the same thing only class number is changing. How can I do this i simpler way? Thanks