Print JSON value using jQuery

Question

This should be simple, but its not working for me :(
I am trying to print a value from JSON into an HTML table using jQuery.

$('#company1name').html(companies[0].name);

jsFiddle: http://jsfiddle.net/S52XP/2/

Any idea what's wrong? If I alert the JSON element that I need in the table, it works! But I am not able to use it into the table using jQuery.

Sharlike · Accepted Answer · 2012-12-21 22:23:59Z

4

Why are you using <script> tags to print the name? Your jQuery works if you use a span instead:

<span id="company1name"></span>

answered Dec 21, 2012 at 22:23

Sharlike

1,7992 gold badges19 silver badges30 bronze badges

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

Comments

Patrick Jones · Accepted Answer · 2012-12-21 22:31:58Z

2

Setting the html of a script tag does not work the way you expected. You can use some other element like a <p> or <span>, in this case I just set the ID on the <th> and <td> nodes.

Here's the jsfiddle with the loops working. http://jsfiddle.net/S52XP/3/

If you have the data in json, why not build the table out programmatically instead of using ID attributes all over the place?

answered Dec 21, 2012 at 22:31

Patrick Jones

1,92614 silver badges27 bronze badges

1 Comment

Rahul Desai Over a year ago

That certainly saves lot of time! :)

Collectives™ on Stack Overflow

Print JSON value using jQuery

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related