jqueryでhtmlにタグを差し込む方法

Question

現在jqueryの勉強をしているのですが、jqueryで書いたタグがhtmlに反映されない状態です。
文法的に間違えてますでしょうか？
検索してみてもこの方法で合っているみたいなのですが。うまくいきません。
よければ、ご教授ください。

コード
cartList.forEach(function(cart,index){
   let tr="<tr />";
   $('<td />', { 'text': cart.id}).appendTo(tr);

このテキストのcart.idを<td>タグのテキストとしてhtmlに出力するのが目的です。

Comments

[m.ts10806]

コードが一部では何とも言えません。
それに　
$('<td />', { 'text': cart.id}).appendTo(tr);
↑これだと要素作ってそれにappendしてるだけです。
実際のHTML上に書く処理まで書いてますか？

Answer 1

let tr = $('<tr />');

の間違いではないでしょうか？

"<tr />"はただの文字列で、tr要素ではありません。

Answer 2

<script>
$(function(){
  var cartList=[
    {id:100,val:"xxx"},
    {id:200,val:"yyy"},
    {id:300,val:"zzz"},
    ];
  $.each(cartList,function(){
    $('<tr>').append([
      $('<td>').text($(this).attr('id')),
      $('<td>').text($(this).attr('val'))
      ]).appendTo($('table'));
  });
});
</script>
<table></table>

Comments

[markun6250]

ありがとうございます。おかげさまでコードの通りに書き直したら解決しました。ちなみに使用しているattrというメソッドですが、調べてもhtmlのidやclassを操作するとしか書いていなかったのですが、attrはオブジェクトのid名にも機能するということでいいのでしょうか？
また、trやtdなど終了タグを書かなくても書いたように動作するのはなぜなのでしょうか？
お手すきの際ご回答いただけるとありがたいです。
宜しくお願いいたします。

[markun6250]

すみません。
(attrはオブジェクトのid名にも機能するということでいいのでしょうか？)この部分id名ではなくてプロパティ名です。