Add and remove attribute with jquery

Question

This is my buttons    lt button id  add  gt Add lt  button gt   lt button id  remove  gt Remove lt  button gt    this is my JavaScript code    lt script type  text javascript  gt        document  ready function                    Add attribute                  add   click function                    page navigation1   attr  id   page navigation1                                  Remove attribute                  remove   click function                    page navigation1   removeAttr  id                              lt  script gt    and this is my html code    lt div id  page navigation1  gt next lt  div gt    My problem is  when I click on Remove button everything is fine and ID will be removed  but after click on remove button  when I click on Add button  code is not working and nothing happens   I need to add and remove ID whith this code  but I can just Remove ID  I cant add ID  I need some help for this  and one more thing   How I can add CSS style for button when button is Active  like this  when I click on Remove button  I want change button background to red  I need to add css class for add and remove when buttons are active  and I dont know how

User · Answer

First you to add a class then remove id   lt script type  text javascript  gt    document  ready function            page navigation1   addClass  page navigation                  add   click function                page navigation   attr  id   page navigation1                         remove   click function                page navigation   removeAttr  id                        lt  script gt

User · Answer

Once you remove the ID  page navigation  that element no longer has an ID and so cannot be found when you attempt to access it a second time   The solution is to cache a reference to the element     document  ready function           This reference remains available to the following functions        even when the ID is removed      var page navigation       page navigation1             add   click function            page navigation attr  id   page navigation1                          remove   click function            page navigation removeAttr  id

User · Answer

It s because you ve removed the id which is how you re finding the element  This line of code is trying to add id  page navigation1  to an element with the id named page navigation1  but it doesn t exist  because you deleted the attribute        page navigation1   attr  id   page navigation1      Demo    If you want to add and remove a class that makes your  lt div gt  red use        page navigation1    addClass   red-class       And        page navigation1    removeClass   red-class       Where red-class is    red-class       background-color  red

User · Answer

If you want to do this  you need to save it in a variable first  So you don t need to use id to query this element every time   var el       page navigation1         add   click function      el attr  id   page navigation1                  remove   click function      el removeAttr  id

[jquery] Add and remove attribute with jquery

Examples related to jquery

Examples related to attributes