Jquery addclass/removeclass on click

by

Assuming only one active element at a time and without further knowledge of your DOM hierarchy.

$('.active').removeClass('active');
$(this).addClass('active');

More efficient options are available if the DOM hierarchy is known.

For example, if they’re all siblings, you can use this:

$(this).addClass('active').siblings('.active').removeClass('active');

More Related Contents:

  1. jQuery Adding new option to select element doesn't pick up the string [closed]
  2. how to get source of a page
  3. Slide down button to show text HTML CSS
  4. Use jQuery to change a second select list based on the first select list option
  5. How to enable or disable an anchor using jQuery?
  6. Find out whether radio button is checked with JQuery?
  7. Detecting attribute change of value of an attribute I made
  8. jquery get HTML 5 Data Attributes with hyphens and Case Sensitivity
  9. Add and remove a class on click using jQuery?
  10. jQuery – auto size text input (not textarea!) [duplicate]
  11. How to get a cookie from an AJAX response?
  12. Number nested ordered lists in HTML
  13. Prevent redirect after form is submitted
  14. JQuery ui – date picker, disabling specific dates
  15. How do I auto-hide placeholder text upon focus using css or jquery?
  16. Twitter Bootstrap Use collapse.js on table cells [Almost Done]
  17. switch audio source with jquery and HTML5 audio tag
  18. calculate the number of html checkbox checked using jquery
  19. How does GitHub change the URL without reloading a page?
  20. Post JSON to Python CGI
  21. Call external JS file based on “media screen” value
  22. Can an iframe only show a certain part of the page?
  23. jquery .slideToggle() horizontal alternative?
  24. How can I remove the search bar and footer added by the jQuery DataTables plugin?
  25. How to keep footer at the bottom even with dynamic height website
  26. Recommended jQuery templates for 2012? [duplicate]
  27. jquery ajax load certain div
  28. Wrap some specified words with span in jQuery?
  29. jQuery is adding a strange attribute to nodes
  30. What happens when no response is received for a request? I’m seeing retries

Leave a Comment