JSFiddle - React, Tailwind, and code Playground

by Rafael Nepomuceno

HTML

<a class="button" id="settext1">Some Link</a>
<br />

<a class="button" id="settext2">Another Link</a>
<br />

<a class="button" id="settext3">Link 3</a>
<br />

CSS

a {
    text-decoration: underline;
    cursor: pointer;
}

JavaScript

$(document).ready(function(){
    // var col_settext1 = new Array(); <-- I need make this array with name of DIV cliked
    col_settext1['field_id1']='#FF0000';
	col_settext1['field_id2']='#00FFFF';
    
    // var txt_settext1 = new Array(); <-- I need make this array with name of DIV cliked
	txt_settext1['field_id3']='Some Text Here';
    txt_settext1['field_id4']='Another Text Here';
    
    // var txt_settext2 = new Array(); <-- I need make this array with name of DIV cliked
	txt_settext2['field_id5']='Some Text Here';
    
    // var col_settext2 = new Array(); <-- I need make this array with name of DIV cliked
    col_settext2['field_id6']='Another Text Here';
    
    // var chk_settext2 = new Array(); <-- I need make this array with name of DIV cliked
    chk_settext2['field_id7']="checked";
});

$('.button').click(function(){
    $myclass = this.id;
    
    $col = 'col_' + $myclass;
	$txt = 'txt_' + $myclass;
	$chk = 'chk_' + $myclass;
    
    // Based on click link 'settext1', Here I have this:
	// col_settext1
	// txt_settext1
	// chk_settext1
    
    $col = new Array(); // <--- Here I use name of DIV as Array
	$txt = new Array();
	$chk = new Array();
    
    // THE PROBLEM ARE HERE!
    alert($col); // <--- Here no have any value :(
    alert($col[1]); // <--- Here no have any value :(
    
    for (id in $col) { // 'id' is value of array --> col_settext1['field_id1']='#FF0000';
		// do function based on array values...
        // just example:
        alert(id);
	}
    for (id in $txt) { // 'id' is value of array --> txt_settext1['field_id1']='#FF0000';
		// do function based on array values...
	}
    for (id in $chk) { // 'id' is value of array --> chk_settext1['field_id1']='#FF0000';
		// do function based on array values...
	}
    
});