not accepting variable within Jquery .html()

Question

I have the code below that works, but I need to expand it, so I am attempting to make it more streamlined.

success: function setData(data) {
            $("#price" + lastchar).html(data.price);
            $("#matricule" + lastchar).html(data.matricule);
            $("#tag" + lastchar).html(data.tag);
            $("#ins_yr1" + lastchar).html(data.ins_yr1);
            $("#Totalacq" + lastchar).html(data.Totalacq);
        }

Like this:

success: function (data){
  var desc=[];
  desc = ["price","matricule","tag","ins_yr1","Totalacq"];
  for (var i=0;i<desc.length;i++){
    $( "#" + desc[i] + lastchar).html(data.desc[i]);
  }
}

But this does not work because it does not accept a variable desc[i] within the .html(), at least not in the format I am trying to do it.

Any ideas? Thanks!

mgibsonbr · Accepted Answer · 2013-03-03 00:41:13Z

3

Your problem is not in html, but in the way you're trying to access data properties. But you can get/set them using [], just like array indices:

data[desc[i]]

In other words, data.price is equivalent to data["price"].

answered Mar 3, 2013 at 0:41

mgibsonbr

22.1k7 gold badges74 silver badges115 bronze badges

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

1 Comment

BernardA Over a year ago

I realized I could make it even shorter by referencing the keys of the data file as below: success: function (data){ var keys=[]; keys = Object.keys(data); for (var i=0;i<keys.length;i++){ $( "#" + keys[i] + lastchar).html(data[keys[i]]); } }

BernardA · Accepted Answer · 2013-03-05 16:55:38Z

1

Just lo leave that as reference for future use, I realized I could make it even shorter, by referencing directly the keys of the array object.

success: function (data){

    var keys = Object.keys(data);
    for (var i=0;i<keys.length;i++){
        $( "#" + keys[i] + lastchar).html(data[keys[i]]);
    }
}

edited Mar 5, 2013 at 16:55

answered Mar 4, 2013 at 11:14

BernardA

1,5231 gold badge25 silver badges56 bronze badges

1 Comment

mgibsonbr Over a year ago

You dont need var keys = [] and then keys = Object.keys(data), just go straight to var keys = Object.keys(data).

Collectives™ on Stack Overflow

not accepting variable within Jquery .html()

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related