store values in a array or hash from jquery selector for reuse

Question

How do I store values into an array or hash to be recalled individually without adding individual identifier?

var myarray = [];
$(".express").each(function () {
  myarray.push($(this).text()); 
});

function flashEXPRESS() {
   $(".express").each(function () {
     if ($(this).text() == 'NEW') { $(this).text() = myarray[???]; }
     else { $(this).text() == 'NEW'}
   });
}
var flashEXPRESSid = 0;
flashEXPRESSid = setInterval("flashEXPRESS()",1000);

Unrelated note: You should pass functions to setInterval, not strings. flashEXPRESSid = setInterval(flashEXPRESS,1000); — gen_Eric
– gen_Eric, Commented Nov 30, 2011 at 15:17

Adam Rackis · Accepted Answer · 2011-11-30 15:22:46Z

2

The callback to each gives you the index as the first parameter. That's probably what you need.

$(".express").each(function (index) {
     if ($(this).text() == 'NEW') { $(this).text() = myarray[index]; }
     else { $(this).text() == 'NEW'}
});

edited Nov 30, 2011 at 15:22

answered Nov 30, 2011 at 15:14

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

user626963 Over a year ago

What if the number of elements changes?

Adam Rackis Over a year ago

Then you'll have to store this differently. I don't mean that as a snide response -- this approach assumes and works only so long as the .express elements and your myarray array are sync'd up

user626963 Over a year ago

#1) Thanks for your help. #2)Any ideas how to do it differently (besides redefining the array when the number of elements changes)? I have another idea I would like to implement, but would need to be able to call the values individually.

Adam Rackis Over a year ago

I would somehow—maybe with html5 data attributes?—uiquely define each .express div, then, instead of an array, use an object, and store properties based on that info. Let me put an edit up for you.

Adam Rackis Over a year ago

@shaun5 - I added a second answer. It's untested, but it should get you close. The only potentially hard part will be coming up with a unique value for data-idforobject. Also note that reading data attributes with the jQuery data function was a fairly recent (not sure which version) addition, so make sure you're using the current version of jQuery.

BenMorel · Accepted Answer · 2013-12-07 16:43:40Z

0

From the comments, if you want to allow your divs to change, and be added, and not screw up your array indexes, something like this might work:

var myarray = {}; //object, not an array
$(".express").each(function () {
  var identifier = $(this).data("idforobject");
  myarray[identifier] = $(this).text(); 
});

function flashEXPRESS() {
   $(".express").each(function () {
     if ($(this).text() == 'NEW') { 
         $(this).text() = myarray[$(this).data("idforobject")]; 
     }
     else { $(this).text() == 'NEW'}
   });
}

Then on your divs:

<div class="express" data-idforobject="something unique">

Just rename myarray to something else, since it's not an array anymore

edited Dec 7, 2013 at 16:43

BenMorel

37k52 gold badges208 silver badges339 bronze badges

answered Nov 30, 2011 at 18:04

Adam Rackis

83.5k57 gold badges281 silver badges402 bronze badges

2 Comments

user626963 Over a year ago

Thanks for this! It isn't exactly what I originally asked for because I will have to provide a unique identifier. I was imagining, that the browser would assign each element a unique id that could be referenced as a key and reused...

Adam Rackis Over a year ago

@shaun5 - it would be nice if the browser did that for you, but I think you'll have to manage those unique ids yourself :)

Collectives™ on Stack Overflow

store values in a array or hash from jquery selector for reuse

2 Answers 2

5 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related