How to get all of the IDs with jQuery?

by

//but i cannot really get the id and assign it to an array that is not with in the scope?(or can I)

Yes, you can!

var IDs = [];
$("#mydiv").find("span").each(function(){ IDs.push(this.id); });

This is the beauty of closures.

Note that while you were on the right track, sighohwell and cletus both point out more reliable and concise ways of accomplishing this, taking advantage of attribute filters (to limit matched elements to those with IDs) and jQuery’s built-in map() function:

var IDs = $("#mydiv span[id]")         // find spans with ID attribute
  .map(function() { return this.id; }) // convert to set of IDs
  .get(); // convert to instance of Array (optional)

More Related Contents:

  1. Pure JavaScript equivalent of jQuery’s $.ready() – how to call a function when the page/DOM is ready for it [duplicate]
  2. jQuery AJAX cross domain
  3. Detect browser or tab closing
  4. Last segment of URL with JavaScript
  5. Is Safari on iOS 6 caching $.ajax results?
  6. Prevent scrolling of parent element when inner element scroll position reaches top/bottom?
  7. Refresh/reload the content in Div using jquery/ajax
  8. How to delete a localStorage item when the browser window/tab is closed?
  9. $(document).ready shorthand
  10. Why define an anonymous function and pass it jQuery as the argument?
  11. Get list of data-* attributes using javascript / jQuery
  12. How to print all the txt files inside a folder using java script
  13. How to do a horizontal scroll on mouse wheel scroll?
  14. Why can’t I use onClick to execute a function inside a jQuery $(document).ready function?
  15. Javascript Debugging line by line using Google Chrome
  16. Wrap tags around http text
  17. Best JavaScript solution for client-side form validation and interaction? [closed]
  18. jQuery prevent change for select
  19. Loop through JSON object List
  20. Clearing my form inputs after submission
  21. Get the domain name of the subdomain Javascript
  22. jQuery 1.10.2 warning issue from Firefox
  23. Is there any problem with using HTML5’s “data-*” attributes for older browsers?
  24. jQuery: more than one handler for same event
  25. How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
  26. Custom “confirm” dialog in JavaScript?
  27. Disable zoom on input focus in Android webpage
  28. Add image in pdf using jspdf
  29. How can I calculate the difference between two times that are in 24 hour format?
  30. Why do functional pseudos such as :not() and :has() allow quoted arguments?

Leave a Comment