How to set new Id of div using its old id dynamically

Question

I want to set new id to div using its old Id?

$("#oldId").attr("id","newId");

Its not working.

It seems to be [working for me](http://jsfiddle.net/CEB5Z/). Do you have any other JavaScript errors? — Lix, Nov 01 '12 at 09:31
No its totally different. but i want to change it dynamically. — Asmita, Nov 01 '12 at 09:31
Can you show that online or create a fiddle. I guess you need to enclose that in jQuery ready function. — Riz, Nov 01 '12 at 09:32
http://jsfiddle.net/jY8TA/ It IS working, something else is messing with you.. — st3inn, Nov 01 '12 at 09:41

score 0 · Accepted Answer · answered Nov 01 '12 at 09:31

0

simple JS

document.getElementById("PreviousName").id="CurrentName";

answered Nov 01 '12 at 09:31

polin

score 0 · Answer 2 · edited May 23 '17 at 12:00

0

Your code will work fine, though as of jQuery 1.6 you are encouraged to use prop over attr (see here for discussion).

$(function() {
    $('#test').prop('id', 'test2');
    $('#test2').fadeOut(3000);
});

Fiddle here

edited May 23 '17 at 12:00

Community

answered Nov 01 '12 at 09:40

Elliott

score 0 · Answer 3 · edited May 23 '17 at 12:09

0

Take a look at this question. Can I change the ID of an HTML element using Javascript? Make sure you re-execute your jquery function after the change. Maybe you're working on a 'cached' javascript-object, not the DOM object.

edited May 23 '17 at 12:09

Community

answered Nov 01 '12 at 09:45

Andries

3 Answers3