{"id":6209,"date":"2022-09-02T03:23:18","date_gmt":"2022-09-01T21:53:18","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-creating-a-javascript-global-array-with-static-elements\/"},"modified":"2022-09-02T03:23:18","modified_gmt":"2022-09-01T21:53:18","slug":"solved-creating-a-javascript-global-array-with-static-elements","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-creating-a-javascript-global-array-with-static-elements\/","title":{"rendered":"[Solved] Creating a JavaScript global array with static elements?"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

The problem isn’t that removeFunction<\/code> doesn’t have access to bigArray<\/code>. The problem is in your onclick<\/code> attribute, and the id<\/code> you’re putting on the link:<\/p>\n

$('#div').append(\"<a href=\"#\" id='bigArray[i]' onclick='removeFunction(bigArray[i])'>Element bigArray[i]<\/a><br \/>\");\n<\/code><\/pre>\n
In the onclick<\/code>, you’re referring to i<\/code>, but A) I’m guessing i<\/code> isn’t a global, and B) Even if it is, it will not have the value of i<\/code> that you used to render that row. The code will look for the value of a global i<\/code> variable as of when the link is clicked<\/strong>.<\/p>\n
Separately, you’re creating multiple elements with the same id<\/code> value, which is bigArray[i]<\/code> (not bigArray[0]<\/code>, bigArray[1]<\/code>, etc.)<\/p>\n
You could use the value instead, like this:<\/p>\n
$('#div').append(\"<a href=\"#\" id='bigArray[\" + i + \"]' onclick='removeFunction(\" + i + \")'>Element bigArray[i]<\/a><br \/>\");\n<\/code><\/pre>\n
The changes there are:<\/p>\n