How to use dynamic id in jquery

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

Can you post a sample of the generated HTML? So your IDs are like this? <td id="td3423"> where 3423 is the dynid ? — Smamatti
– Smamatti, Commented Apr 28, 2012 at 9:35
Are you sure about the way you select your elements? Maybe just $('#td'+dynId)? — yentsun
– yentsun, Commented Apr 28, 2012 at 9:41

Smamatti · Accepted Answer · 2012-04-28 09:42:59Z

2

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");
    }
);

answered Apr 28, 2012 at 9:42

Smamatti

3,9313 gold badges34 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

robrich · Accepted Answer · 2012-04-28 09:45:01Z

0

Probably your selector is wrong: '#selectTable tr td #td'+dynid should become '#selectTable tr td#td'+dynid. You'd also be wise to toggle on and off a css class that sets position: absolute like so:

$("#selectTable td").hover(function () {
    $(this).addClass("pos-abs"); // focus
}, function () {
    $(this).removeClass("pos-abs"); // blur
});

See http://api.jquery.com/hover/

answered Apr 28, 2012 at 9:45

robrich

13.3k7 gold badges39 silver badges63 bronze badges

Collectives™ on Stack Overflow

How to use dynamic id in jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related