Store and use an array using the HTML data tag and jQuery

by

If you use valid JSON ([ and ] for the array, double quotes instead of single), like this:

<div id="locations" data-locations="[{"name":"Bath","url":"/location/bath","img":"/thumb.jpg"},{"name":"Berkhamsted","url":"/location/berkhamsted","img":"/thumb.jpg"}]">

Then what you have (using .data()) to get the array will work:

$('#locations').data('locations');

You can test it here.

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. Find out whether radio button is checked with JQuery?
  6. Detecting attribute change of value of an attribute I made
  7. jquery get HTML 5 Data Attributes with hyphens and Case Sensitivity
  8. Add and remove a class on click using jQuery?
  9. jQuery – auto size text input (not textarea!) [duplicate]
  10. Number nested ordered lists in HTML
  11. Prevent redirect after form is submitted
  12. JQuery ui – date picker, disabling specific dates
  13. How do I auto-hide placeholder text upon focus using css or jquery?
  14. How to send request parameter array to servlet using jQuery $.ajax?
  15. Twitter Bootstrap Use collapse.js on table cells [Almost Done]
  16. Convert html table to array in javascript
  17. switch audio source with jquery and HTML5 audio tag
  18. calculate the number of html checkbox checked using jquery
  19. Post JSON to Python CGI
  20. Call external JS file based on “media screen” value
  21. Can an iframe only show a certain part of the page?
  22. jquery .slideToggle() horizontal alternative?
  23. How can I remove the search bar and footer added by the jQuery DataTables plugin?
  24. How to keep footer at the bottom even with dynamic height website
  25. jQuery .inArray() always true?
  26. Recommended jQuery templates for 2012? [duplicate]
  27. Jquery addclass/removeclass on click
  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