Using JQuery to change element ID

Question

I've been trying to change an element ID using jquery for an A/B test.

From what ive seen, it should go something like this:

$('#tag').attr('oldId','newId');

But so far, no dice - any ideas?

*I've looked through the responses and i think i had the wrong end of the stick! I was assuming the current / old id had to be placed where ive labelled 'oldId', rather than id, followed by the replacement - silly mistake, thanks for all the help :)

Answer 1

Thanks guy, ended up using:

$('#tag').attr("id","newId")

with 'id' as 'id' and not current id tag

Answer 2

$("#tag"), here "tag" is your id. line2: $("#tag").attr("id","newId"); You should not pass "tag" as your first param to attr. You must tell which attribute you want to set, i.e "id", followed by a value. In a simpler language, line2 attr function takes a key and its value to be set.

Answer 3

Use this: $('#oldID').attr('id','newID');
you have to pass attrbuteName as first argument and attributeValue as second argument.

Answer 4

If oldId really is the element's current ID, then instead of #tag you just need:

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

Answer 5

Edited The right syntax is: $("#myId").attr("id", "mySecondId")

Answer 6

Try this:

$('#tag').attr('id','newId');

Answer 7

Try this

$('#tag').attr('id','newId');

This will change id of element

Working Demo

Answer 8

Try to use the proper signature of .attr('attributeName','value'),

$('#tag').attr("id","newId")