Json variable in table using jquery

Question

I'm trying to put content of a JSON in the HTML table but content is filled in the rows ,and I would like to be filled in the columns.

My JSON :

var serie=
{

"keywords":[["CELL","CELL2","CELL3"]]
}

My JQuery code:

$.each(serie.keywords, function () {

    $.each(this, function (k,v) {
      var eachrow = "<tr>" 
                 + "<td>" + v + "</td>"
                 + "</tr>";
         $('#tbody').append(eachrow);

        }); 

});

As result I have soething like this:

CELL
-----
CELL2
-----
CELL3

And I would like that it will be like that:

CELL|CELL2|CELL3

Thanks for your help!!!

Rajaprabhu Aravindasamy · Accepted Answer · 2014-04-24 17:55:58Z

2

Try,

$.each(serie.keywords, function () { 

    var eachrow = "<tr>";

    $.each(this, function (k,v) {
        eachrow += "<td>" + v + "</td>";
    }); 
    eachrow += "</tr>";

    $('#tbody').append(eachrow);

});

answered Apr 24, 2014 at 17:55

Rajaprabhu Aravindasamy

67.2k17 gold badges107 silver badges133 bronze badges

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

Collectives™ on Stack Overflow

Json variable in table using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related