Converting a parsed text to integer with jquery

Question

I am currently parsing a XML file and one field is an integer that determine the size of the object:

 $(xml).find('Boxes').each(function(){
  var top = $box.find('top').text();
  }

then to display it with HTML:

  var html = '<div class="box" style= top:'+ top +'px; </div>';

I want to add a constant number, 300, to top, I tried:

var html = '<div class="box" style="text-align:left; top:'+(parseInt(top)+300).text()+'px; </div>';

But this did not display correctly, is this the right way to do this?

FWIW, your opening tag isn't closed (missing the last >), that might be your problem right there. — CDspace
– CDspace, Commented Jan 27, 2014 at 23:24
When you define var topY, it is within the scope of that function. That variable can't be used outside of the function, so either a) make it global or b) put the html inside the function too. — andrewtweber
– andrewtweber, Commented Jan 27, 2014 at 23:25

Joeytje50 · Accepted Answer · 2014-01-27 23:25:18Z

3

The HTML you're using is invalid. You're not closing your opening tag's < with a >, and you're not ending your attribute's quotes. To fix this, you'll need to do:

var html = '<div class="box" style= top:'+ top +'px;"> </div>';

or to add a constant number, just do the following (without the .text(), and with the ">):

var html = '<div class="box" style="text-align:left; top:'+(parseInt(top)+300)+'px;"> </div>';

answered Jan 27, 2014 at 23:25

Joeytje50

19.2k15 gold badges69 silver badges99 bronze badges

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

1 Comment

orpqK Over a year ago

Ah ok, actually I did close it in my code, but I forgot to type in when I asked the question. Thanks for the lookout. And yes the parseInt() worked. Ty!

Alex · Accepted Answer · 2014-01-27 23:25:25Z

1

You are wrong here:

(parseInt(top)+300).text()

parseInt(top)+300) return the Number. Where is no text method for Number in Javascript. And you didn't close the tag. Try this:

var html = '<div class="box" style="text-align:left; top:'+(parseInt(top)+300)+'px;"> </div>';

answered Jan 27, 2014 at 23:25

Alex

11.3k13 gold badges53 silver badges64 bronze badges

1 Comment

Joeytje50 Over a year ago

You're not addressing the main problem with his unclosed opening tags and attributes though.

Roko C. Buljan · Accepted Answer · 2014-01-27 23:33:38Z

0

You can do it simply by converting the string to number adding a + as prefix ( unary-add ).

+top + 300

Should look like:

var html = '<div class="box" style="top:'+( +top + 300 )+'px;"></div>';

Example:

var top = "70";      // String
alert( +top + 300 ); // 370

answered Jan 27, 2014 at 23:33

Roko C. Buljan

209k41 gold badges335 silver badges346 bronze badges

Collectives™ on Stack Overflow

Converting a parsed text to integer with jquery

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related