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.

Answer 1

简单的JS

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

Answer 2

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

Answer 3

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.