JavaScript Dynamic Variable Names

by

You can only do that with bracket notation, which means you have to attach the variables to something.
The global scope would be window, so that would be window['hello' + newCount], but polluting the global namespace with a bunch of random properties doesn’t sound like a good idea, so using an object seems better

var vars = {};
var newCount = parseInt($('#hello').html(), 10);

$('.hello').click(function(){
    newCount++;
    vars['hello' + newCount] = '<p>Hello World</p>';
}); 

alert( vars['hello1'] );

FIDDLE

More Related Contents:

  1. How to use a variable for a key in a JavaScript object literal?
  2. How can I determine if a variable is ‘undefined’ or ‘null’?
  3. Are Variable Operators Possible?
  4. Modifying CSS class property values on the fly with JavaScript / jQuery
  5. Dynamic variables names in javascript
  6. Why does appending a to a dynamically created seem to run the script in the parent page?
  7. Variables set during $.getJSON function only accessible within function
  8. When/why to prefix variables with “$” when using jQuery? [duplicate]
  9. jQuery ajax return value [duplicate]
  10. Jquery click function is not working for dynamic elements
  11. JSON to string variable dump
  12. How can I load jQuery if it is not already loaded?
  13. Serializing to JSON in jQuery [duplicate]
  14. How to add number of days to today’s date? [duplicate]
  15. console.log() shows the changed value of a variable before the value actually changes
  16. Upload multiple image using AJAX, PHP and jQuery
  17. JQuery .each() backwards
  18. putting datepicker() on dynamically created elements – JQuery/JQueryUI
  19. Changing an element’s ID with jQuery
  20. $(document).ready(function(){}); vs script at the bottom of page
  21. Removing or replacing a stylesheet (a ) with JavaScript/jQuery
  22. What do curly braces in JavaScript mean?
  23. How can I “reset” to its original state after it has been modified by JavaScript?
  24. Toggle show/hide on click with jQuery
  25. how to block website from loading in iframe?
  26. How do I monitor the DOM for changes?
  27. Remove occurrences of duplicate words in a string
  28. make readonly/disable tinymce textarea
  29. Javascript: Get access to local variable or variable in closure by its name [duplicate]
  30. canvas- Cropping images in different shapes

Leave a Comment