Question

I am using this to point a seperate td’s in a table. And the id(dynid) are created dynamically so i need to change the position to absolute when user hover on a td. And i tries the below one but its not wroks

$('#selectTable tr td #td'+dynid).hover(

 function () {

   $(this).css("position","absolute");

 }
);

Thanks in advance

Answer 1

You are looking for an element within the td element, but you want the td element with a certain id. There is whitespace. You need td#id instead of td #id.

dynid = 2; // Test

$('#selectTable tr td#td' + dynid).hover(
    function () {
        $(this).css("position","absolute");
    }
);

A sample with background-color
http://jsfiddle.net/FKhbd/

You may want to define a second handler, if the hover ends. Something like this:

$('#selectTable tr td#td' + dynid).hover(
    function () {
        $(this).css("position","absolute");
    },
    function () {
        $(this).css("position","relative");
    }
);