How can I apply a jQuery function to all elements with the same ID?

by

The IDs for elements are supposed to be unique in the DOM. Having the same ID for two or more elements is not valid html. To share functionality across elements, assign them a common class, rather than giving them the same ID. If you can’t assign them a common class, the workaround below will allow you to select elements with the same id attribute:

Using the same ID (If not possible to change ID)

jQuery(document).ready(function() {
    jQuery('[id=carousel]').jcarousel();
});

Using a common class (Recommended way)

jQuery(document).ready(function() { 
    jQuery('.carousel').jcarousel();
});

More Related Contents:

  1. .prop() vs .attr()
  2. jQuery document.createElement equivalent?
  3. How to get a DOM Element from a jQuery selector?
  4. How do I create a link using javascript?
  5. Difference between “change” and “input” event for an `input` element
  6. Why are duplicate ID values not allowed in HTML?
  7. What is difference between width, innerWidth and outerWidth, height, innerHeight and outerHeight in jQuery
  8. jQuery DOM changes not appearing in view source
  9. Is there a DOM event that fires when an HTML select element is closed?
  10. How to find a parent with a known class in jQuery?
  11. jQuery count child elements
  12. How to detect when an iframe has already been loaded
  13. jQuery: how to change tag name?
  14. How can I remove all CSS classes using jQuery/JavaScript?
  15. Count immediate child div elements using jQuery
  16. Converting a recursive function into an asynchronous CPS implementation (javascript)
  17. Convert String to XML Document in JavaScript
  18. JavaScript moving element in the DOM
  19. Storing a variable in the JavaScript ‘window’ object is a proper way to use that object?
  20. How to set DOM element as first child?
  21. JQuery html() vs. innerHTML
  22. JQuery – animate moving DOM element to new parent?
  23. Open new window without focus on it [duplicate]
  24. window.getSelection return html [duplicate]
  25. Attaching events after DOM manipulation using JQuery ajax
  26. Unloading/Removing content from an iFrame
  27. jQuery difference between :eq() and :nth-child()
  28. What’s the difference between a jQuery object and a DOM element? Difference between .get() and .index()?
  29. In web browsers, what’s the difference between onblur and onfocusout?
  30. Create a table in SVG

Leave a Comment