Adding to table row in jquery

Question

I have now read this thread several times: Add table row in jQuery .... and still don't understand why I can't append to a row that I just created:

var row = $('#sitesTable').append('<tr/>');
        row.append($('<td align="left"/>').text(k));
        row.append($('<td align="center"/>').text(v.length));

This simply creates an empty tr tag without appending to it:

<table class="sitesTable" id="sitesTable">
<tr></tr>
<th align="left">Site</th>
<th align="right">Total</th>
...

I appreciate any assistance, as this is starting to drive me nuts.

Arun P Johny · Accepted Answer · 2018-02-11 11:51:09Z

2

Because var row = $('#sitesTable').append('<tr/>'); returns a reference to the table not the newly created row

you can use

var row = $('<tr/>').appendTo('#sitesTable');

var row = $('<tr/>').appendTo('#sitesTable');
$('<td align="left"/>').text('col-1').appendTo(row);
$('<td align="center"/>').text('col-2').appendTo(row);
// I prefer the above format for readability
//row.append($('<td align="left"/>').text('col-1'));
//row.append($('<td align="center"/>').text('col-2'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<table class="sitesTable" id="sitesTable">
  <tr>
    <th align="left">Site</th>
    <th align="right">Total</th>
  </tr>
</table>

edited Feb 11, 2018 at 11:51

answered Feb 11, 2018 at 11:46

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

2 Comments

Xvs Over a year ago

Also, this works: row = $("#sitesTable").find("tr").last(); Now I can append to the newly created row. Thanks.

Arun P Johny Over a year ago

@SilverVesi Since you can have the added row reference, I prefer to use that

Collectives™ on Stack Overflow

Adding to table row in jquery

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related