Assign dynamic variable in $.each loop and display separately in jquery

Question

I have $each loop in jquery as below

some code---------
var temp="";
var msg_html="";

$.each(_d, function(index, val) {

        var currentID=val.id;

        if(temp.match(new RegExp("(?:^|,)"+currentID+"(?:,|$)"))) {

        msg_html+'_'+currentID        += messageTemplate(val.photo, val.from_name, val.message);

        } else{

        msg_html+'_'+currentID        += messageTemplate(val.photo, val.from_name, val.message);

        temp += currentID + ",";
        }

        });


some code ------------------

If the above code works, I can display as like,

        $('#someID_0').html(msg_html_0);
        $('#someID_1').html(msg_html_1);
        $('#someID_2').html(msg_html_2);
        ----
        ---
        ---

The problem in this code is that some error in "msg_html+'_'+currentID "as invalid assignment. Any other way to assign dynamically?

Any reason you can't do $('#someID_' + currentId).html(/** html here **/) inside the loop instead? — NilsH
– NilsH, Commented Apr 30, 2013 at 5:26
Try msg_html = msg_html + "_" + currentID + messageTemplate(val.photo, val.from_name, val.message); — Dineshkani
– Dineshkani, Commented Apr 30, 2013 at 5:29
hi Dineshkani, by how to display $('#someID_' + currentId).html(msg_html_0). — Jomy Joseph
– Jomy Joseph, Commented Apr 30, 2013 at 5:31
Couldn't you use $('#someID_' + currentId).append(messageTemplate(val.photo, val.from_name, val.message)) inside the .each() loop? — nnnnnn
– nnnnnn, Commented Apr 30, 2013 at 21:36

Mysteryos · Accepted Answer · 2013-04-30 06:44:54Z

2

Instead of trying to assign different variables, why not use an associative array instead with the keys of array being the IDs?

Hence your code would be:

some code---------
var temp="";
var msg_html={};

$.each(_d, function(index, val) {

        var currentID=val.id;

        if(temp.match(new RegExp("(?:^|,)"+currentID+"(?:,|$)"))) {

        msg_html[currentID]        += messageTemplate(val.photo, val.from_name, val.message);

        } else{

        msg_html[currentID]        += messageTemplate(val.photo, val.from_name, val.message);

        temp += currentID + ",";
        }

        });


some code ------------------

You can then display your html by using:

$.each(msg_html,function(index,val){
     $('#someID_'+index).html(val);
            ----
            ---
            ---
});

edited Apr 30, 2013 at 6:44

answered Apr 30, 2013 at 5:33

Mysteryos

5,8013 gold badges35 silver badges54 bronze badges

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

2 Comments

Jomy Joseph Over a year ago

but for var msg_html=array(); ReferenceError: array is not defined

Mysteryos Over a year ago

Fixed the answer to implement your corrections. If the answer fits your needs, please check the question as answered.

jraede · Accepted Answer · 2013-04-30 05:35:23Z

0

You can use eval.

E.g.,

$.each(_d, function(index, val) {

    var currentID=val.id;

    if(temp.match(new RegExp("(?:^|,)"+currentID+"(?:,|$)"))) {

        eval("msg_html"+'_'+currentID +" += " + messageTemplate(val.photo, val.from_name, val.message));

    } else{

        eval("msg_html"+'_'+currentID +" += " + messageTemplate(val.photo, val.from_name, val.message));

    temp += currentID + ",";
    }

});

answered Apr 30, 2013 at 5:35

jraede

6,9165 gold badges31 silver badges33 bronze badges

1 Comment

nnnnnn Over a year ago

Wouldn't you need to define the variables before the loop, and assign them to empty strings? (Otherwise the variable names being evaled don't exist so trying to use += will give an error.)

Eli · Accepted Answer · 2013-04-30 05:36:32Z

0

I'm not sure this is what you want but you can try to use use StartsWith selector along with each():

$("[id^='someID_']").each(function(index) {
    $(this).html(msg_html + '_' + index);
});

Fiddle

answered Apr 30, 2013 at 5:36

Eli

14.9k5 gold badges61 silver badges77 bronze badges

Comments

Arun P Johny · Accepted Answer · 2013-04-30 07:25:32Z

0

Use a object

var temp = ""; var msg_html = {};

$.each(_d, function(index, val) {
    var currentID = val.id;
    msg_html['_' + currentID] = '';
    if (temp.match(new RegExp("(?:^|,)" + currentID + "(?:,|$)"))) {
        msg_html['_' + currentID] += messageTemplate(val.photo, val.from_name, val.message);
    } else {
        msg_html['_' + currentID] += messageTemplate(val.photo, val.from_name, val.message);
        temp += currentID + ",";
    }
});

Then

$('#someID_0').html(msg_html._0);
$('#someID_1').html(msg_html._1);
$('#someID_2').html(msg_html._2);

edited Apr 30, 2013 at 7:25

answered Apr 30, 2013 at 5:39

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

4 Comments

Jomy Joseph Over a year ago

I need assignment "+=" not "="

Arun P Johny Over a year ago

@JomyJoseph why do you want +=

nnnnnn Over a year ago

There's no such thing as a json object.

Jomy Joseph Over a year ago

i need total data , not last one

Collectives™ on Stack Overflow

Assign dynamic variable in $.each loop and display separately in jquery

4 Answers 4

2 Comments

1 Comment

Comments

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related