Can I use 'div id' as the name for my array?

Question

Can I use 'div id' as the name for my array?

For a demonstration, please check out this jsfiddle: jsfiddle.net/rflfn/uS4jd/

Here is another attempt: jsfiddle.net/rflfn/T3ZT6/

I am utilizing SMOF to build a Wordpress theme. I need to create a function that changes certain values when a link is clicked. However, when I try to create an array with the name of the div, it returns a null value...

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 />

jQuery:

$(document).ready(function(){
    col_settext1['field_id1']='#FF0000';
    col_settext1['field_id2']='#00FFFF';

    txt_settext1['field_id3']='Some Text Here';
    txt_settext1['field_id4']='Another Text Here';

    txt_settext2['field_id5']='Some Text Here';

    col_settext2['field_id6']='Another Text Here';

    chk_settext2['field_id7']="checked";
});

$('.button').click(function(){
    $myclass = this.id;

    $col = 'col_' + $myclass;
    $txt = 'txt_' + $myclass;
    $chk = 'chk_' + $myclass;

    // Issue arises here!
    $col = new Array();
    $txt = new Array();
    $chk = new Array();

    alert($col);
    alert($col[1]);

    for (id in $col) {
        alert(id);
    }
    for (id in $txt) {
        
    }
    for (id in $chk) {
        
    }

});

Is it possible to use the name of the div as an array name? Any suggestions or alternative methods to solve this issue are appreciated.

jquery css arrays wordpress frameworks

Answer 1

Answer №1

For a scenario where you aim to generate dynamic variable names based on specific parameters, it is recommended to utilize the following code in place of "$col = new Array();"

window[$col] = new Array();
window[$txt] = new Array();

and so forth...

Answer 2

For a scenario where you aim to generate dynamic variable names based on specific parameters, it is recommended to utilize the following code in place of "$col = new Array();"

window[$col] = new Array();
window[$txt] = new Array();

and so forth...

Answer 3

Answer №2

It seems like the issue you're facing is that you are not assigning the variable names to the new array correctly based on your query.

During this stage:

$myclass = this.id;

$col = 'col_' + $myclass;
$txt = 'txt_' + $myclass;
$chk = 'chk_' + $myclass;

You end up with $col = "col_id", $txt = "txt_id", $chk = "chk_id".

In essence, each of these variables is linked to a string value.

Then, you proceed to do:

$col = new Array();
$txt = new Array();
$chk = new Array();

At this point, each variable is associated with a brand new empty array.

The correct approach would be:

$col = new Array();
$col[0] = "col_" + $myclass;

You should follow the same for the rest. By doing so, you will have a new array with one element, which is "col_id", assigned to the $col variable.

After these changes, you will have arrays named $col, $txt, and $chk containing the id name.

If your intention is to generate dynamic variable names (although it's unclear if this is necessary), you can utilize Window.

Answer 4

It seems like the issue you're facing is that you are not assigning the variable names to the new array correctly based on your query.

During this stage:

$myclass = this.id;

$col = 'col_' + $myclass;
$txt = 'txt_' + $myclass;
$chk = 'chk_' + $myclass;

You end up with $col = "col_id", $txt = "txt_id", $chk = "chk_id".

In essence, each of these variables is linked to a string value.

Then, you proceed to do:

$col = new Array();
$txt = new Array();
$chk = new Array();

At this point, each variable is associated with a brand new empty array.

The correct approach would be:

$col = new Array();
$col[0] = "col_" + $myclass;

You should follow the same for the rest. By doing so, you will have a new array with one element, which is "col_id", assigned to the $col variable.

After these changes, you will have arrays named $col, $txt, and $chk containing the id name.

If your intention is to generate dynamic variable names (although it's unclear if this is necessary), you can utilize Window.

Answer 5

Answer №3

Seems like a simple issue, my jQuery knowledge is limited and I've been struggling for two whole days to get this working with no success. For those who understand it, this would probably take five minutes. I wrote another code, all I need is for the alert to display the correct value, so I can implement my original code.

When I click on button1, I expect to see the alert "text 1", but nothing happens.

http://jsfiddle.net/rflfn/N4a2h/

html

<a class="button" id="arr1">Button1</a>
<a class="button" id="arr2">Button2</a>
<a class="button" id="arr3">Button3</a>

Jquery

$('.button').click(function () {

    var window[myvar] = this.id;
    window[myvar] = new Array(); // I need use ID as array name

    // Code for button1
    arr1['value1'] = 'text 1';
    arr1['value2'] = 'text 2';

    // Code for button2
    arr2['value3'] = 'text 3';
    arr2['value4'] = 'text 4';

    // Code for button3
    arr2['value5'] = 'text 5';
    arr2['value6'] = 'text 6';

    // Click on Button1, the alert below need show "text 1"
    alert(window[myvar['value1']]); // "text 1"

    // alert(myvar['value1']);
});

I came across this solution at http://www.sitepoi...post5174213 but couldn't make it work either.

I also tried using this method from Dynamic jQuery variable names but had no luck.

Answer 6

Seems like a simple issue, my jQuery knowledge is limited and I've been struggling for two whole days to get this working with no success. For those who understand it, this would probably take five minutes. I wrote another code, all I need is for the alert to display the correct value, so I can implement my original code.

When I click on button1, I expect to see the alert "text 1", but nothing happens.

http://jsfiddle.net/rflfn/N4a2h/

html

<a class="button" id="arr1">Button1</a>
<a class="button" id="arr2">Button2</a>
<a class="button" id="arr3">Button3</a>

Jquery

$('.button').click(function () {

    var window[myvar] = this.id;
    window[myvar] = new Array(); // I need use ID as array name

    // Code for button1
    arr1['value1'] = 'text 1';
    arr1['value2'] = 'text 2';

    // Code for button2
    arr2['value3'] = 'text 3';
    arr2['value4'] = 'text 4';

    // Code for button3
    arr2['value5'] = 'text 5';
    arr2['value6'] = 'text 6';

    // Click on Button1, the alert below need show "text 1"
    alert(window[myvar['value1']]); // "text 1"

    // alert(myvar['value1']);
});

I came across this solution at http://www.sitepoi...post5174213 but couldn't make it work either.

I also tried using this method from Dynamic jQuery variable names but had no luck.

Answer 7

Answer №4

I sought assistance on the jQuery forum and was thrilled to finally discover the solution at this link.

For a demonstration, visit this JSFiddle page.

HTML Code Snippet:

<a class="button" data-arr="arr1">Button1</a> |
<a class="button" data-arr="arr2">Button2</a> |
<a class="button" data-arr="arr3">Button3</a>

jQuery Code Snippet:

var arr = {
    arr1: {value1:"test 1", value2:"test 2"},
    arr2:{value3:"test 3", value4:"test 4"},
    arr3:{value5:"test 5", value6:"test 6"}
}
$('.button').click(function () {
    var call_array = arr[$(this).data("arr")]
    $.each(call_array, function (index, value) {
        alert('Array Value: ' + index + '        Array Content: ' + value);
    });
});

A big thank you for all of your help!

Answer 8

I sought assistance on the jQuery forum and was thrilled to finally discover the solution at this link.

For a demonstration, visit this JSFiddle page.

HTML Code Snippet:

<a class="button" data-arr="arr1">Button1</a> |
<a class="button" data-arr="arr2">Button2</a> |
<a class="button" data-arr="arr3">Button3</a>

jQuery Code Snippet:

var arr = {
    arr1: {value1:"test 1", value2:"test 2"},
    arr2:{value3:"test 3", value4:"test 4"},
    arr3:{value5:"test 5", value6:"test 6"}
}
$('.button').click(function () {
    var call_array = arr[$(this).data("arr")]
    $.each(call_array, function (index, value) {
        alert('Array Value: ' + index + '        Array Content: ' + value);
    });
});

A big thank you for all of your help!

Can I use 'div id' as the name for my array?

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

How to Initialize a Multidimensional Array with Various Data Types in Swift

The mystery behind my disappearing cookies and sessions during Ajax requests in Internet Explorer 9

Adding a request parameter to an ajax Request for a jQuery dataTable that has been initialized from JSON and mapped by Spring can be achieved by including

Issue with correctly showcasing the elements within an array

A guide to implementing an analytics system by leveraging multiple applications

Spinning divs using JavaScript when the mouse hovers over them, and then returning them to their original position when the mouse moves

having difficulty choosing a particular identifier from a JSON string

Discovering the exact measurement of "remaining space" in absolute units with flexbox techniques

Choosing a dropdown option with a CSS Selector

I am looking to design a pair of Carousels that will be positioned right next to

Maintaining the scrolling behavior and preserving added class even after refreshing the page

Exploring the depths of multidimensional arrays in PHP to display their contents

Unable to use $.parseJSON() on a string containing src="" or id="" attributes

Adjust the height of the Twitter Widget to be proportionate to the height of its parent div dynamically

What is the process for submitting and storing a collection of files in a database as a list?

What is the best way to implement horizontal content scrolling when an arrow is tapped in mobile view?

Ways to extend div to fill the rest of the page's vertical space

Looping CSS text animation with typing effect

What could be causing my images to appear incomplete when using a background image with the style property?

assign a category to the initial item in the array