jquery: appending a [object Object] to a string

Question

Jquery can't seem to turn the type of str2 into a string, no matter what i tried.

function parseXml(xml)
{
      $(xml).find("product").each(function()
      {

           var str1 = "div.timer";
           var **str2** = $(this).find("id");


           $("div.timer17").html(str1 + str2);
      });
}

Every time this function is ran, content of div.timer17 changes to div.timer[object Object].

I tried turning the object Object into a string with new String(obj), with json.stringify, etc. Nothing worked. Please help.

My goal is appending str2 to str1, so i can get the wanted selector (for example, div.timer25).

Here's the xml:

<?xml version="1.0" encoding="utf-8" ?>
<products>
<product cookie="The red">
  <timediff>02:28:59</timediff>
  <username>denis</username>
  <price>25</price>
  <id>17</id>
</product>

<product cookie="The red">
  <timediff>00:28:59</timediff>
  <username>denis</username>
  <price>35</price>
  <id>18</id>
</product>
</products>

NullRef · Accepted Answer · 2011-06-27 18:33:07Z

5

Assuming you want the text or html I think you want this

var str2 = $(this).find("id").text();

or

var str2 = $(this).find("id").html();

answered Jun 27, 2011 at 18:33

NullRef

3,7381 gold badge22 silver badges18 bronze badges

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

2 Comments

Tool Over a year ago

Fixed it... god I can't beleive i spent so much time on this. Thanks.

NullRef Over a year ago

No worries...I'm at the same point with something else so I thought I feel better by trying to help someone else.

gen_Eric · Accepted Answer · 2011-06-27 18:33:43Z

1

$(this).find("id") returns an object, this is why it's printing [object Object]. It's a jQuery object, and it can't just be turned into a string, because what should that print out?

If you want the text from the node, try this:

var str2 = $(this).find("id").html();

answered Jun 27, 2011 at 18:33

gen_Eric

228k42 gold badges304 silver badges343 bronze badges

Comments

Ruan Mendes · Accepted Answer · 2011-06-27 18:34:11Z

1

Your variable str2 is a jQuery objecy, it is not a string. Are you looking for the id attribute of the XML node being iterated?

function parseXml(xml)
{
  $(xml).find("product").each(function() {    
    var str1 = "div.timer";
    var str2 = this.id;
    $("div.timer17").html(str1 + str2);
  });
}

answered Jun 27, 2011 at 18:34

Ruan Mendes

92.7k31 gold badges161 silver badges225 bronze badges

Comments

Yogurt The Wise · Accepted Answer · 2011-06-27 18:37:33Z

1

I believe once you each find "product" you can use them as an object and just call something like $(this).id.

$(xml).find("product").each(function() {

   var str1 = "div.timer";
   var **str2** = $(this).id;


   $("div.timer17").html(str1 + str2);

});

If your using firefox and firebug, place the Object in console.info(someobject); it will usually string out the object.

answered Jun 27, 2011 at 18:37

Yogurt The Wise

4,4995 gold badges36 silver badges43 bronze badges

1 Comment

Yogurt The Wise Over a year ago

Its either $this0.id or this.id.

Collectives™ on Stack Overflow

jquery: appending a [object Object] to a string

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related