[jQuery] How it should be done?
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