Changing an element s ID with jQuery

Question

I need to change an element s ID using jQuery     Apparently these don t work   jQuery this  prev  li   attr  id    newid  jQuery this  prev  li    newid    I found out that I can make it happen with the following code   jQuery this  prev  li  show function         this id  newid         But that doesn t seem right to me  There must be a better way  no  Also  in case there isn t  what other method can I use instead of show hide or other effects  Obviously I don t want to show hide or affect the element every time  just to change its ID    Yep  I m a jQuery newbie    Edit I can t use classes in this case  I must use IDs

User · Answer

I m not sure what your goal is  but might it be better to use addClass instead  I mean an objects ID in my opinion should be static and specific to that object  If you are just trying to change it from showing on the page or something like that I would put those details in a class and then add it to the object rather then trying to change it s ID  Again  I m saying that without understand your underlining goal

User · Answer

What you mean to do is   jQuery this  prev  li   attr  id    newID      That will set the ID to the new ID

User · Answer

I did something similar with this construct     li   each function      if this id       this id   this id  something

User · Answer

What you mean to do is   jQuery this  prev  li   attr  id    newID      That will set the ID to the new ID

User · Answer

Your syntax is incorrect  you should pass the value as the second parameter   jQuery this  prev  li   attr  id   newId

User · Answer

lt script gt           document  ready function                    select   attr  id    newId      direct descendant of a             lt  script gt    This could do for all purpose  Just add before your body closing tag and don t for get to add Jquery min js

User · Answer

What you mean to do is   jQuery this  prev  li   attr  id    newID      That will set the ID to the new ID

User · Answer

id-you-want-to-change   attr  id    id-you-want-it-to-be

User · Answer

Your syntax is incorrect  you should pass the value as the second parameter   jQuery this  prev  li   attr  id   newId

User · Answer

I did something similar with this construct     li   each function      if this id       this id   this id  something

User · Answer

A PREFERRED OPTION over  attr is to use  prop like so     this  prev  li   prop  id    newId       attr retrieves the element s attribute whereas  prop retrieves the property that the attribute references  i e  what you re actually intending to modify

User · Answer

I did something similar with this construct     li   each function      if this id       this id   this id  something

User · Answer

A PREFERRED OPTION over  attr is to use  prop like so     this  prev  li   prop  id    newId       attr retrieves the element s attribute whereas  prop retrieves the property that the attribute references  i e  what you re actually intending to modify

User · Answer

I m not sure what your goal is  but might it be better to use addClass instead  I mean an objects ID in my opinion should be static and specific to that object  If you are just trying to change it from showing on the page or something like that I would put those details in a class and then add it to the object rather then trying to change it s ID  Again  I m saying that without understand your underlining goal

User · Answer

I did something similar with this construct     li   each function      if this id       this id   this id  something

User · Answer

LeNomDeMaBaliseID   prop  id    LeNouveauNomDeMaBaliseID

User · Answer

Eran s answer is good  but I would append to that   You need to watch any interactivity that is not inline to the object  that is  if an onclick event calls a function  it still will   but if there is some javascript or jQuery event handling attached to that ID  it will be basically abandoned       myId   on  click   function          If the ID is now changed to  myID123  the function attached above will no longer function correctly from my experience

User · Answer

Eran s answer is good  but I would append to that   You need to watch any interactivity that is not inline to the object  that is  if an onclick event calls a function  it still will   but if there is some javascript or jQuery event handling attached to that ID  it will be basically abandoned       myId   on  click   function          If the ID is now changed to  myID123  the function attached above will no longer function correctly from my experience

User · Answer

LeNomDeMaBaliseID   prop  id    LeNouveauNomDeMaBaliseID

User · Answer

id-you-want-to-change   attr  id    id-you-want-it-to-be

User · Answer

I m not sure what your goal is  but might it be better to use addClass instead  I mean an objects ID in my opinion should be static and specific to that object  If you are just trying to change it from showing on the page or something like that I would put those details in a class and then add it to the object rather then trying to change it s ID  Again  I m saying that without understand your underlining goal

User · Answer

lt script gt           document  ready function                    select   attr  id    newId      direct descendant of a             lt  script gt    This could do for all purpose  Just add before your body closing tag and don t for get to add Jquery min js

User · Answer

Your syntax is incorrect  you should pass the value as the second parameter   jQuery this  prev  li   attr  id   newId

User · Answer

I m not sure what your goal is  but might it be better to use addClass instead  I mean an objects ID in my opinion should be static and specific to that object  If you are just trying to change it from showing on the page or something like that I would put those details in a class and then add it to the object rather then trying to change it s ID  Again  I m saying that without understand your underlining goal

User · Answer

Your syntax is incorrect  you should pass the value as the second parameter   jQuery this  prev  li   attr  id   newId

User · Answer

What you mean to do is   jQuery this  prev  li   attr  id    newID      That will set the ID to the new ID

[javascript] Changing an element's ID with jQuery

Examples related to javascript

Examples related to jquery