JSFiddle - React, Tailwind, and code Playground
HTML
<a class="button" id="arr1">Button1</a> |
<a class="button" id="arr2">Button2</a> |
<a class="button" id="arr3">Button3</a>
CSS
a {
cursor: pointer;
}
JavaScript
// Code for button1
var arr1 = new Array();
arr1[0] = 'text 1';
arr1[1] = 'text 2';
// Code for button2
var arr2 = new Array();
arr2[0] = 'text 3';
arr2[1] = 'text 4';
// Code for button3
var arr3 = new Array();
arr3[0] = 'text 5';
arr3[1] = 'text 6';
var arrays = {'arr1':arr1, 'arr2':arr2, 'arr3':arr3};
$('.button').click(function () {
var myArray = arrays[this.id];
//alert(myArray[0])
//var call_array = $.extend(true, {}, myvar); // myvar = name of array
// Something Like this:
// var call_array = $.extend(true, {}, arrayname[myvar]); // myvar = name of array
$(myArray).each(function (index, value) {
alert('Array Value: ' + index + ' Array Content: ' + value);
});
});